android 自定义进度条颜色

最新推荐文章于 2024-04-11 10:37:43 发布
最新推荐文章于 2024-04-11 10:37:43 发布
阅读量2w 收藏 9
点赞数 1
分类专栏： Android 实用记录 文章标签： android 自定义进度条颜色
android 自定义进度条颜色

先看图

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


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

找到xml后，进去找到

[html] view plain copy print ?
  1. <span style="font-size: 18px;">    <style name="Widget.ProgressBar">  
  2.         <item name="android:indeterminateOnly">true</item>  
  3.         <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>  
  4.         <item name="android:indeterminateBehavior">repeat</item>  
  5.         <item name="android:indeterminateDuration">3500</item>  
  6.         <item name="android:minWidth">48dip</item>  
  7.         <item name="android:maxWidth">48dip</item>  
  8.         <item name="android:minHeight">48dip</item>  
  9.         <item name="android:maxHeight">48dip</item>  
  10.     </style></span>  
    <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，但今天我们修改的是水平进度条颜色！

所以找到

[html] view plain copy print ?
  1. <span style="font-size: 18px;"> <style name="Widget.ProgressBar.Horizontal">  
  2.         <item name="android:indeterminateOnly">false</item>  
  3.         <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>  
  4.         <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>  
  5.         <item name="android:minHeight">20dip</item>  
  6.         <item name="android:maxHeight">20dip</item>  
  7.     </style></span>  
 <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 文件，改变他就可以改变进度条颜色

[java] view plain copy print ?
  1. <span style="font-size: 18px;"><?xml version="1.0" encoding="utf-8"?>  
  2. <!-- Copyright (C) 2008 The Android Open Source Project  
  3.   
  4.      Licensed under the Apache License, Version 2.0 (the "License");  
  5.      you may not use this file except in compliance with the License.  
  6.      You may obtain a copy of the License at  
  7.   
  8.           http://www.apache.org/licenses/LICENSE-2.0  
  9.   
  10.      Unless required by applicable law or agreed to in writing, software  
  11.      distributed under the License is distributed on an "AS IS" BASIS,  
  12.      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  
  13.      See the License for the specific language governing permissions and  
  14.      limitations under the License.  
  15. -->  
  16.   
  17. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
  18.       
  19.     <item android:id="@android:id/background">  
  20.         <shape>  
  21.             <corners android:radius="5dip" />  
  22.             <gradient  
  23.                     android:startColor="#ff9d9e9d"  
  24.                     android:centerColor="#ff5a5d5a"  
  25.                     android:centerY="0.75"  
  26.                     android:endColor="#ff747674"  
  27.                     android:angle="270"  
  28.             />  
  29.         </shape>  
  30.     </item>  
  31.       
  32.     <item android:id="@android:id/secondaryProgress">  
  33.         <clip>  
  34.             <shape>  
  35.                 <corners android:radius="5dip" />  
  36.                 <gradient  
  37.                         android:startColor="#80ffd300"  
  38.                         android:centerColor="#80ffb600"  
  39.                         android:centerY="0.75"  
  40.                         android:endColor="#a0ffcb00"  
  41.                         android:angle="270"  
  42.                 />  
  43.             </shape>  
  44.         </clip>  
  45.     </item>  
  46.       
  47.     <item android:id="@android:id/progress">  
  48.         <clip>  
  49.             <shape>  
  50.                 <corners android:radius="5dip" />  
  51.                 <gradient  
  52.                         android:startColor="#ffffd300"  
  53.                         android:centerColor="#ffffb600"  
  54.                         android:centerY="0.75"  
  55.                         android:endColor="#ffffcb00"  
  56.                         android:angle="270"  
  57.                 />  
  58.             </shape>  
  59.         </clip>  
  60.     </item>  
  61.       
  62. </layer-list>  
  63.   
  64. </span>  
<?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"  的色值

[java] view plain copy print ?
  1. <span style="font-size: 18px;"><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
  2.   
  3.     <item android:id="@android:id/background">  
  4.          <shape >  
  5.                 <corners android:radius="5dip" />  
  6.                 <gradient  
  7.                     android:angle="270"  
  8.                     android:centerY="0.75"  
  9.                     android:endColor="#F5F5F5"  
  10.                     android:startColor="#BEBEBE" />  
  11.             </shape>  
  12.     </item>  
  13.   
  14.     <item android:id="@android:id/secondaryProgress">  
  15.   
  16.         <clip >  
  17.             <shape >  
  18.                 <corners android:radius="0dip" />  
  19.                 <gradient  
  20.                     android:angle="270"  
  21.                     android:centerY="0.75"  
  22.                    android:endColor="#165CBC"  
  23.                     android:startColor="#85B0E9" />  
  24.             </shape>  
  25.         </clip>  
  26.     </item>  
  27.   
  28.     <item android:id="@android:id/progress">  
  29.   
  30.         <clip >  
  31.             <shape >  
  32.                 <corners android:radius="5dip" />  
  33.                 <gradient  
  34.                     android:angle="270"  
  35.                     android:centerY="0.75"  
  36.                    android:endColor="#165CBC"  
  37.                     android:startColor="#85B0E9" />  
  38.             </shape>  
  39.             
  40.         </clip>  
  41.     </item>  
  42. </layer-list></span>  
<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" />

 

转载申明初入：http://blog.csdn.net/liao3841054/article/details/7556551

sengeiou
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android 自定义酷炫进度条动画，Android开发全套学习
wdsfgj的博客
03-28 787
更新进度的时候会调用以下这个方法进行更新，在invalidate()被调用后，View会进行重绘，回调onDraw()方法，得出新的alphaAngle角度值，绘制出对应进度的圆环。这里绘制了50次，每次旋转10度，总共是500度>360度，保证大于360度即可，多余的会重复覆盖，但如果小于360度，就会导致绘制残缺。2.画圆这个比较简单不说，圆环的话，其实就是画圆弧，画圆弧的时候会先确定一个外接矩形，设置画笔类型为描边circlePaint.setStyle(Paint.Style.STROKE);
android 自定义长条进度条_Android自定义控件：进度条的四种实现方式
weixin_34474896的博客
12-24 938
前三种实现方式代码出自：http://stormzhang.com/openandroid/2013/11/15/android-custom-loading/最近一直在学习自定义控件，搜了许多大牛们Blog里分享的小教程，也上GitHub找了一些类似的控件进行学习。发现读起来都不太好懂，就想写这么一篇东西作为学习笔记吧。一、控件介绍：进度条在App中非常常见，例如下载进度、加载图片、打开文章、打...
简单的自定义一个ProgressBar进度条
oAiYinSiTan12的博客
03-31 1001
简单的自定义一个ProgressBar进度条
Android自定义ProgressBar
热门推荐
zhaojun的博客
11-30 2万+
好久不写博客了，今天来总结一下自定义ProgressBar的实现。上周做一个游戏资源的在线更新功能，设计给的加载进度条设计图，是无法使用Android原生的ProgressBar来实现的。在百度和GitHub上搜了搜相关的资源，都不符合我的要求。于是，我只能自己去写。先给一下最终的效果： 上面就是我实现的ProgressBar的效果，与业务结合起来，分为几个阶...
android 自定义 View（4）- 进度条(ProgressBar)
u012005313的专栏
07-25 8369
参考：Android 打造形形色色的进度条 实现可以如此简单 daimajia/NumberProgressBar自定义视图（View）是 Android 开发的一个进阶内容。随着开发的深入，肯定会出现系统提供的基础控件不符合需求的情况。一方面通过组合基础控件以形成新的布局，另一方面可以通过自定义控件的方式来更加灵活的实现需求自定义视图涉及到 Android 系统许多方面的内容，下面根据自己的理解
android自定义颜色进度条ColorSeekBar
sinat_27681957的博客
06-23 6280
（尊重原创，转载请说明来处，谢谢）       最近做了一个背景是各种颜色的SeekBar，SeekBar颜色是渐变的，开始颜色、结尾颜色、以及按钮的中间和边框颜色都是可以自定义的，效果图如下： 首先我要讲解一下使用方式，第一、第三个ColorSeekBar是我用函数setColor()设置的颜色，第二个ColorSeekBar的颜色是默认的，大家请看使用代码： xml: <
Android自定义控件-彩色进度条
Sam_as_Angela的博客
04-15 1381
入门级自定义控件 彩色进度条
Android自定义进度条效果
08-27
在实现Android自定义进度条效果时，需要从整体上考虑进度条的变化过程，包括进度条的显示、动画效果、颜色变化等。首先，需要设计进度条的五个状态：无进度、部分进度、完成进度、进度1到进度2的动画、进度2到进度3...
Android编程实现自定义进度条颜色的方法
01-04
基于产品经理各种自定义需求，经过查阅了解，下面是自己对android自定义进度条的学习过程！ 这个没法了只能看源码了，还好下载了源码， sources\base\core\res\res\ 下应有尽有，修改进度条颜色只能找progress ,...
Android编程自定义进度条颜色的方法详解
08-29
### Android自定义进度条颜色的方法 首先，了解Android进度条的工作原理至关重要。Android进度条的颜色属性是在系统资源文件中定义的。因此，要修改进度条颜色，需要找到对应的资源文件进行修改。 #### 1. 查找...
android自定义进度条渐变圆形
09-03
在Android开发中，自定义视图是实现特定UI效果的重要手段，本示例中的"android自定义进度条渐变圆形"是一个很好的实践案例，它展示了如何创建一个具有渐变色的圆形进度条。这种进度条常用于显示任务的完成度或扫描...
Android自定义双向进度条的实现代码
08-29
Android自定义双向进度条的实现代码的优点是可以自定义进度条的样式、尺寸和操作监听，使得开发者可以根据需要创建不同的进度条样式，从而提高应用程序的用户体验。 Android自定义双向进度条的实现代码的缺点是...
Android自定义水平渐变进度条
08-29
* 可以自定义进度条的背景颜色和边框颜色 * 可以实现渐变色效果 * 可以根据需要展示进度条当前的比例 * 可以自定义进度条的外观和行为 Android自定义水平渐变进度条的缺点包括： * 需要合理的设计和实现 * 需要...
Android自定义进度条
05-19
今天我们将深入探讨如何自定义一个进度条，这个话题源于一个博客文章——"Android自定义进度条"，作者分享了他在实现这一功能时的经验和代码分析。在本文中，我们将详细解析自定义进度条的关键步骤和涉及的技术点。 ...
Android自定义进度条样式一
08-20
本主题将深入探讨如何创建一个自定义的进度条样式，即“Android自定义进度条样式一”。我们将讨论以下几个关键知识点： 1. **自定义View的原理** 自定义进度条本质上是自定义一个Android的View类。在Android中，你...
Android13 SeekBar使用教学。
weixin_43522377的博客
12-29 1877
原生的样子我们看到了，其实也还行，但是你的UI设计师和老板肯定会觉得丑的，所以我们看看怎么个性化设置SeekBar。下面以设计一个这样的亮度条为例子说明：android:progressDrawable 就是用来自定义进度条样子的标签。
android 自定义长条进度条_Android自定义实现圆形播放进度条
weixin_36185435的博客
02-22 240
自定义实现圆形播放进度条(Android，飞一般的感觉)。废话不多说，先上效果图：、 Android提供了很多基本的控件实现，但不是一个完整、强大的实现。幸运的是，Android提供了自定义控件的实现，有了自定义控件，我们就可以再Android的基础控件上实现我们想要的功能或者自定义的外观。以ProgressBar为例，对于可调节的进度条似乎只有长条形的ProgressBar(圆形的都是不停转动的...
19. 【Android教程】进度条 ProgressBar
最新发布
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
04-11 2780
今天要学的是一个特定场合要用到的控件——进度条控件。进度条的作用不言而喻，而在实际使用中，通常会有两种类型的进度条：横向进度条和圆形进度条。当然，ProgressBar 也是支持这两种类型的，可以应对大多数的开发场景。
Android开发自定义实现炫酷的进度条
qq_36451275的博客
11-08 812
Android开发自定义实现炫酷的进度条
android 自定义进度条控件
09-19
好的，关于 Android 自定义进度条控件的实现，我可以为您提供一些思路和示例代码。 首先，我们需要继承自 View 或者 ProgressBar，然后在 onDraw 方法中实现自己的绘制逻辑。具体来说，需要绘制背景、进度条和文本等内容。 示例代码如下： ```java public class CustomProgressBar extends ProgressBar { private Paint mPaint; private String mText; private Rect mRect; public CustomProgressBar(Context context) { super(context); init(); } public CustomProgressBar(Context context, AttributeSet attrs) { super(context, attrs); init(); } public CustomProgressBar(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } private void init() { mPaint = new Paint(); mPaint.setAntiAlias(true); mRect = new Rect(); } @Override protected synchronized void onDraw(Canvas canvas) { super.onDraw(canvas); // 绘制背景 mPaint.setColor(Color.GRAY); mPaint.setStyle(Paint.Style.FILL); canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint); // 绘制进度条 mPaint.setColor(Color.BLUE); mPaint.setStyle(Paint.Style.FILL); float progress = getProgress() * 1.0f / getMax(); canvas.drawRect(0, 0, getWidth() * progress, getHeight(), mPaint); // 绘制文本 mPaint.setColor(Color.WHITE); mPaint.setTextSize(24); mText = getProgress() + "%"; mPaint.getTextBounds(mText, 0, mText.length(), mRect); float x = getWidth() / 2f - mRect.centerX(); float y = getHeight() / 2f - mRect.centerY(); canvas.drawText(mText, x, y, mPaint); } } ``` 这个自定义控件实现了一个简单的水平进度条，包括了背景、进度条和文本三个部分。当然，您可以根据自己的需求进行更改和扩展。 希望这个示例代码能够帮助到您，如果您还有其他问题，欢迎继续提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值