Android编程实现自定义进度条颜色的方法

更新时间：2015年11月23日 12:44:36 作者：sengeiou

这篇文章主要介绍了Android编程实现自定义进度条颜色的方法,涉及Android进度条的样式布局及功能实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了Android编程实现自定义进度条颜色的方法。分享给大家供大家参考，具体如下：

android 自定义进度条颜色

先看图

基于产品经理各种自定义需求，经过查阅了解，下面是自己对android自定义进度条的学习过程！

这个没法了只能看源码了，还好下载了源码， sources\base\core\res\res\ 下应有尽有，修改进度条颜色只能找progress ,因为是改变样式，首先找styles.xml
找到xml后，进去找到

<style name="Widget.ProgressBar"> 
    <item name="android:indeterminateOnly">true</item> 
    <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item> 
    <item name="android:indeterminateBehavior">repeat</item> 
    <item name="android:indeterminateDuration">3500</item> 
    <item name="android:minWidth">48dip</item> 
    <item name="android:maxWidth">48dip</item> 
    <item name="android:minHeight">48dip</item> 
    <item name="android:maxHeight">48dip</item> 
</style>
<style name="Widget.ProgressBar"> 
    <item name="android:indeterminateOnly">true</item> 
    <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item> 
    <item name="android:indeterminateBehavior">repeat</item> 
    <item name="android:indeterminateDuration">3500</item> 
    <item name="android:minWidth">48dip</item> 
    <item name="android:maxWidth">48dip</item> 
    <item name="android:minHeight">48dip</item> 
    <item name="android:maxHeight">48dip</item> 
</style>

这是默认转圈的效果style，但今天我们修改的是水平进度条颜色！
所以找到

<style name="Widget.ProgressBar.Horizontal"> 
    <item name="android:indeterminateOnly">false</item> 
    <item name="android:progressDrawable">@android:drawable/progress_horizontal</item> 
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item> 
    <item name="android:minHeight">20dip</item> 
    <item name="android:maxHeight">20dip</item> 
</style>
<style name="Widget.ProgressBar.Horizontal"> 
    <item name="android:indeterminateOnly">false</item> 
    <item name="android:progressDrawable">@android:drawable/progress_horizontal</item> 
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item> 
    <item name="android:minHeight">20dip</item> 
    <item name="android:maxHeight">20dip</item> 
</style>

你看系统一步一步关联的，扩展性很性，低耦合，所以我们现在只要改变进度条是怎么样画出来的就行了，但是负责画进度条的是
<item name="android:progressDrawable"> 所以我们可以找到"drawable下的 progress_horizontal 文件，改变他就可以改变进度条颜色

<?xml version="1.0" encoding="utf-8"?> 
<!-- Copyright (C) 2008 The Android Open Source Project 
   Licensed under the Apache License, Version 2.0 (the "License"); 
   you may not use this file except in compliance with the License. 
   You may obtain a copy of the License at 
     http://www.apache.org/licenses/LICENSE-2.0 
   Unless required by applicable law or agreed to in writing, software 
   distributed under the License is distributed on an "AS IS" BASIS, 
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
   See the License for the specific language governing permissions and 
   limitations under the License. 
--> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
  <item android:id="@android:id/background"> 
    <shape> 
      <corners android:radius="5dip" /> 
      <gradient 
          android:startColor="#ff9d9e9d" 
          android:centerColor="#ff5a5d5a" 
          android:centerY="0.75" 
          android:endColor="#ff747674" 
          android:angle="270" 
      /> 
    </shape> 
  </item> 
  <item android:id="@android:id/secondaryProgress"> 
    <clip> 
      <shape> 
        <corners android:radius="5dip" /> 
        <gradient 
            android:startColor="#80ffd300" 
            android:centerColor="#80ffb600" 
            android:centerY="0.75" 
            android:endColor="#a0ffcb00" 
            android:angle="270" 
        /> 
      </shape> 
    </clip> 
  </item> 
  <item android:id="@android:id/progress"> 
    <clip> 
      <shape> 
        <corners android:radius="5dip" /> 
        <gradient 
            android:startColor="#ffffd300" 
            android:centerColor="#ffffb600" 
            android:centerY="0.75" 
            android:endColor="#ffffcb00" 
            android:angle="270" 
        /> 
      </shape> 
    </clip> 
  </item> 
</layer-list>

<?xml version="1.0" encoding="utf-8"?> 
<!-- Copyright (C) 2008 The Android Open Source Project 
   Licensed under the Apache License, Version 2.0 (the "License"); 
   you may not use this file except in compliance with the License. 
   You may obtain a copy of the License at 
     http://www.apache.org/licenses/LICENSE-2.0 
   Unless required by applicable law or agreed to in writing, software 
   distributed under the License is distributed on an "AS IS" BASIS, 
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
   See the License for the specific language governing permissions and 
   limitations under the License. 
--> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
  <item android:id="@android:id/background"> 
    <shape> 
      <corners android:radius="5dip" /> 
      <gradient 
          android:startColor="#ff9d9e9d" 
          android:centerColor="#ff5a5d5a" 
          android:centerY="0.75" 
          android:endColor="#ff747674" 
          android:angle="270" 
      /> 
    </shape> 
  </item> 
  <item android:id="@android:id/secondaryProgress"> 
    <clip> 
      <shape> 
        <corners android:radius="5dip" /> 
        <gradient 
            android:startColor="#80ffd300" 
            android:centerColor="#80ffb600" 
            android:centerY="0.75" 
            android:endColor="#a0ffcb00" 
            android:angle="270" 
        /> 
      </shape> 
    </clip> 
  </item> 
  <item android:id="@android:id/progress"> 
    <clip> 
      <shape> 
        <corners android:radius="5dip" /> 
        <gradient 
            android:startColor="#ffffd300" 
            android:centerColor="#ffffb600" 
            android:centerY="0.75" 
            android:endColor="#ffffcb00" 
            android:angle="270" 
        /> 
      </shape> 
    </clip> 
  </item> 
</layer-list>

看到没有，这是系统的进度条画出的布局条件

android:startColor="#80ffd300"
android:centerColor="#80ffb600"
android:endColor="#ff747674"

我们只要改变这个色值就能改变他的颜色，主要改变的是<item android:id="@android:id/progress">下的色值就行了
说了这么多，到底怎么做呢，很简单

1. 在我们的项目下新建一个 style.xml 文件

创建一个style 标签，集成系统默认样式，然后自定义一个新的progressDrawable 文件，随后面在layout 中的progress 中引用这个文件就行

<style name="ProgressBar_Mini" parent="@android:style/Widget.ProgressBar.Horizontal">
    <item name="android:maxHeight">50dip</item>
    <item name="android:minHeight">8dip</item>
    <item name="android:indeterminateOnly">false</item>
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
    <item name="android:progressDrawable">@drawable/progressbar_mini</item>
</style>

下面是我的 progressbar_mini 文件，改变了下android:endColor="#F5F5F5" android:startColor="#BEBEBE" 的色值

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
  <item android:id="@android:id/background"> 
     <shape > 
        <corners android:radius="5dip" /> 
        <gradient 
          android:angle="270" 
          android:centerY="0.75" 
          android:endColor="#F5F5F5" 
          android:startColor="#BEBEBE" /> 
      </shape> 
  </item> 
  <item android:id="@android:id/secondaryProgress"> 
    <clip > 
      <shape > 
        <corners android:radius="0dip" /> 
        <gradient 
          android:angle="270" 
          android:centerY="0.75" 
          android:endColor="#165CBC" 
          android:startColor="#85B0E9" /> 
      </shape> 
    </clip> 
  </item> 
  <item android:id="@android:id/progress"> 
    <clip > 
      <shape > 
        <corners android:radius="5dip" /> 
        <gradient 
          android:angle="270" 
          android:centerY="0.75" 
          android:endColor="#165CBC" 
          android:startColor="#85B0E9" /> 
      </shape> 
    </clip> 
  </item> 
</layer-list>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
  <item android:id="@android:id/background"> 
     <shape > 
        <corners android:radius="5dip" /> 
        <gradient 
          android:angle="270" 
          android:centerY="0.75" 
          android:endColor="#F5F5F5" 
          android:startColor="#BEBEBE" /> 
      </shape> 
  </item> 
  <item android:id="@android:id/secondaryProgress"> 
    <clip > 
      <shape > 
        <corners android:radius="0dip" /> 
        <gradient 
          android:angle="270" 
          android:centerY="0.75" 
          android:endColor="#165CBC" 
          android:startColor="#85B0E9" /> 
      </shape> 
    </clip> 
  </item> 
  <item android:id="@android:id/progress"> 
    <clip > 
      <shape > 
        <corners android:radius="5dip" /> 
        <gradient 
          android:angle="270" 
          android:centerY="0.75" 
          android:endColor="#165CBC" 
          android:startColor="#85B0E9" /> 
      </shape> 
    </clip> 
  </item> 
</layer-list>

最后在中引用就可以了

<ProgressBar
    android:id="@+id/progress"
    style="@style/ProgressBar_Mini"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:progress="50" />

希望本文所述对大家Android程序设计有所帮助。

您可能感兴趣的文章:

Android如何通过手机自动获取短信验证码
注册帐号时，经常需要手机获取验证码，Android如何通过手机自动获取短信验证码，下面看看小编给大家分享的一段代码，感兴趣的小伙伴们可以参考一下
2016-03-03
浅析Android整合OKHttp与Gson实例
Gson 是一个 Java 库，可用于将 Java 对象转换为其 JSON 表示形式。它还可用于将 JSON 字符串转换为等效的 Java 对象。Gson 可以使用任意 Java 对象，包括您没有源代码的预先存在的对象
2023-01-01
Android编程实现简单文件浏览器功能
这篇文章主要介绍了Android编程实现简单文件浏览器功能,结合实例形式分析了Android文件管理器的布局、文件与目录的遍历、权限控制等相关操作技巧,需要的朋友可以参考下
2018-01-01
Android实现触摸移动的悬浮窗口功能
这篇文章主要介绍了Android实现触摸移动的悬浮窗口功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-09-09
Android studio 解决logcat无过滤工具栏的操作
这篇文章主要介绍了Android studio 解决logcat无过滤工具栏的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-04-04
Android 使用Vitamio打造自己的万能播放器（5）——在线播放（播放优酷视频）
本文主要介绍Android Vitamio的使用,这里给大家提供效果图和代码实例,来说明Vitamio组件播放网络视频,有需要的小伙伴可以参考下
2016-07-07
Android 打开本地pdf文件
Android 中打开pdf文件也是一种很常见的场景，本文主要介绍了Android打开本地pdf文件的方法。具有很好的参考价值。下面跟着小编一起来看下吧
2017-04-04
android实现上下左右滑动界面布局
这篇文章主要为大家详细介绍了android实现上下左右滑动的界面布局，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-12-12
android仿QQ个人主页下拉回弹效果
这篇文章主要为大家详细介绍了android仿QQ个人主页下拉回弹效果的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
Android自定义View实现BMI指数条
这篇文章主要为大家详细介绍了Android自定义View实现BMI指数条，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-06-06

Android编程实现自定义进度条颜色的方法

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具