Android ProgressBar 圆形进度条颜色的设置

ProgressBar分圆形进度条和水平进度条,这里就不做解释啦,直接看你要关心的内容吧:

1.圆形效果图如下:


布局文件代码:

                       <ProgressBar 
				android:id="@+id/progressbar_home"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:indeterminateDrawable="@drawable/progressbar"
			/>

此XML文件新建在drawable目录下:文件名为:progressbar

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate
   xmlns:android="http://schemas.android.com/apk/res/android"
 android:pivotX="50%" android:pivotY="50%"    
 android:fromDegrees="0"  
 android:toDegrees="360">
    
 <shape 
  android:shape="ring" 
  android:innerRadiusRatio="3"  
  android:thicknessRatio="8" 
  android:useLevel="false">  
  <gradient 
   android:type="sweep" 
   android:useLevel="false"  
   android:startColor="#6BD3FF"         
   android:centerColor="#FF7121"  
   android:centerY="0.50" 
   android:endColor="#FFFF00" />  
 </shape>  
    
</animated-rotate>

2.设置水平的进度条颜色:

布局:

 <ProgressBar
                android:id="@+id/progressBar"
                style="@android:attr/progressBarStyleHorizontal"
                android:layout_width="fill_parent"
                android:layout_height="7.5dp"
                android:max="100"
                android:progress="80" 
                android:layout_marginRight="8dp"
                android:progressDrawable="@drawable/progressbar" 
                android:visibility="visible"/>

在drawable文件夹下新增progressbar.xml文件,能够设置默认背景色和进度条的颜色(支持渐变色)

<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="0"
                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="0"
                    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="0"
                    android:endColor="#8000ff00"
                    android:startColor="#80ff0000" />
            </shape>
        </clip>
    </item>

</layer-list>




发布了350 篇原创文章 · 获赞 293 · 访问量 80万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览