关闭

Android自定义横向的ProgressBar

标签: ProgressBar
1303人阅读 评论(0) 收藏 举报
分类:

其实很简单,上代码!

在res下创建drawable文件夹,新建文件drawable/progressbar_color.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <!-- 背景  gradient是渐变,corners定义的是圆角 -->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="10dp" />
 
            <solid android:color="#ffffff" />
        </shape>
    </item>
    <!-- 第二条进度条颜色 -->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="10dip" />
 
                <gradient
                    android:angle="90.0"
                    android:centerColor="#ac6079"
                    android:centerY="0.45"
                    android:endColor="#6c213a"
                    android:startColor="#e71a5e" />
            </shape>
        </clip>
    </item>
    <!-- 进度条 -->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="10dip" />
 
                <solid android:color="#FF8080" />
            </shape>
        </clip>
    </item>
 
</layer-list>
然后在布局中引用就可以了。

<ProgressBar 
        android:id="@+id/my_progress"
        android:layout_width="match_parent"
        android:layout_height="12dp"
        android:max="100"
        android:progress="40"
        android:secondaryProgress="70"
        style="?android:attr/progressBarStyleHorizontal"
        android:progressDrawable="@drawable/progressbar_color"/>


还有一种是进度条样式加载图片:

  1. <?xml version="1.0" encoding="UTF-8"?>                
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >                 
  3. <!--  设置背景色图像资源  -->                   
  4. <item                  
  5.     android:id="@android:id/background"                
  6.     android:drawable="@drawable/prgs_bg" />     
  7.                                        
  8. <!--  设置进度条颜色图像资源  -->                   
  9. <item                  
  10.     android:id="@android:id/progress"                
  11.     android:drawable="@drawable/prgs_progress" />  
  12.                 
  13. </layer-list>



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:43684次
    • 积分:1030
    • 等级:
    • 排名:千里之外
    • 原创:55篇
    • 转载:40篇
    • 译文:0篇
    • 评论:6条
    文章分类
    最新评论