前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android编程自定义进度条颜色的方法详解

Android编程自定义进度条颜色的方法详解

作者头像
砸漏
发布2020-10-22 11:10:42
8840
发布2020-10-22 11:10:42
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

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

先看效果图:

老是提些各种需求问题,我觉得系统默认的颜色挺好的,但是Pk不过,谁叫我们不是需求人员呢,改吧!

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

找到xml后,进去找到:

代码语言:javascript
复制
<style name="Widget.ProgressBar" 
 <item name="android:indeterminateOnly" true</item 
 <itemname="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 

这是那个默认转圈的,但今天我们不修改这个,我们是要改变水平进度条颜色,所以找到:

代码语言:javascript
复制
<style name="Widget.ProgressBar.Horizontal" 
 <item name="android:indeterminateOnly" false</item 
 <item name="android:progressDrawable" @android:drawable/progress_horizontal</item 
 <itemname="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 文件,改变他就可以改变进度条颜色。

代码语言:javascript
复制
<?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:angle="270"
  android:centerColor="#ff5a5d5a"
  android:centerY="0.75"
  android:endColor="#ff747674"
  android:startColor="#ff9d9e9d" / 
 </shape 
 </item 
 <item android:id="@android:id/secondaryProgress" 
 <clip 
  <shape 
  <corners android:radius="5dip" / 
  <gradient
   android:angle="270"
   android:centerColor="#80ffb600"
   android:centerY="0.75"
   android:endColor="#a0ffcb00"
   android:startColor="#80ffd300" / 
  </shape 
 </clip 
 </item 
 <item android:id="@android:id/progress" 
 <clip 
  <shape 
  <corners android:radius="5dip" / 
  <gradient
   android:angle="270"
   android:centerColor="#ffffb600"
   android:centerY="0.75"
   android:endColor="#ffffcb00"
   android:startColor="#ffffd300" / 
  </shape 
 </clip 
 </item 
</layer-list 

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

代码语言:javascript
复制
android:startColor="#80ffd300"
android:centerColor="#80ffb600"
android:endColor="#ff747674"

我们只要改变这个色值就能改变他的颜色,主要改变的是<item android:id=”@android:id/progress” 下的色值就行了。

说了这么多,到底怎么做呢,很简单:

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

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

代码语言:javascript
复制
<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 
 <itemname="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" 的色值

代码语言:javascript
复制
<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 

最后引用其就可以了。

代码语言:javascript
复制
<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调试技巧与常见问题解决方法汇总》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档