安卓学习笔记---ProgressBar水平进度条的颜色设置

最近需要做一个progress的水平进度条来显示进度,默认的进度条实在太丑,看到如下博主写的,感觉非常不错

转载博客地址:

http://blog.csdn.net/catoop/article/details/39667841


安卓系统提供了水平进度条ProgressBar的样式,而我们在实际开发中,几乎不可能使用默认的样式,原因就是“太丑”^_^

所以我们在更多的时候需要对其颜色进行自定义,主要使用就是自定义样式文件。


再在drawable目录下新增progressbar.xml文件,可以设置默认背景色和进度条的颜色

(值得一提的是支持渐变色)

代码:

[html]  view plain  copy
  1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
  2.   
  3.     <item android:id="@android:id/background">  
  4.   
  5.         <shape>  
  6.   
  7.             <corners android:radius="5dip" />  
  8.   
  9.             <gradient  
  10.                 android:angle="0"  
  11.                 android:centerColor="#ff5a5d5a"  
  12.                 android:centerY="0.75"  
  13.                 android:endColor="#ff747674"  
  14.                 android:startColor="#ff9d9e9d" />  
  15.         </shape>  
  16.     </item>  
  17.   
  18.     <item android:id="@android:id/secondaryProgress">  
  19.   
  20.         <clip>  
  21.   
  22.             <shape>  
  23.   
  24.                 <corners android:radius="5dip" />  
  25.   
  26.                 <gradient  
  27.                     android:angle="0"  
  28.                     android:centerColor="#80ffb600"  
  29.                     android:centerY="0.75"  
  30.                     android:endColor="#a0ffcb00"  
  31.                     android:startColor="#80ffd300" />  
  32.             </shape>  
  33.         </clip>  
  34.     </item>  
  35.   
  36.     <item android:id="@android:id/progress">  
  37.   
  38.         <clip>  
  39.   
  40.             <shape>  
  41.   
  42.                 <corners android:radius="5dip" />  
  43.   
  44.                 <gradient  
  45.                     android:angle="0"  
  46.                     android:endColor="#8000ff00"  
  47.                     android:startColor="#80ff0000" />  
  48.             </shape>  
  49.         </clip>  
  50.     </item>  
  51.   
  52. </layer-list>  

布局文件定义如下:

[html]  view plain  copy
  1. <ProgressBar  
  2.     android:id="@+id/progressBar"  
  3.     style="?android:attr/progressBarStyleHorizontal"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="7.5dp"  
  6.     android:max="100"  
  7.     android:progress="80"   
  8.     android:layout_marginRight="8dp"  
  9.     android:progressDrawable="@drawable/progressbar"   
  10.     android:visibility="visible"/>  

以上是博主写的,我自己需要的是不需要渐变的,自己定义如下:


progress_bar_layer_list.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background">

        <shape>

            <corners android:radius="5dip" />

            <solid android:color="#80ffffff"></solid>
        </shape>
    </item>

    <item android:id="@android:id/progress">

        <clip>

            <shape>

                <corners android:radius="5dip" />

                <solid android:color="@color/white"></solid>
            </shape>
        </clip>
    </item>

</layer-list>

<ProgressBar
    android:id="@+id/progressbar_degree"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dimen5"
    android:layout_marginTop="@dimen/dimen10"
    android:max="100"
    android:progressDrawable="@drawable/progress_bar_layer_list" />

OK,这样就可以了。



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值