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>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值