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

所属分类: 软件编程 / Android 阅读数: 1396
收藏 0 赞 0 分享

本文实例讲述了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网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多