【Android】自定义ProgressBar

来源:互联网 发布:java项目转maven项目 编辑:程序博客网 时间:2024/05/20 19:32

自定义条形ProgressBar


 <ProgressBar                    android:id="@+id/progress_bar"                    android:layout_width="240dip"                    android:layout_height="20dip"                    android:layout_gravity="center"                    android:layout_marginTop="30dip"                    android:max="100"    style="?android:attr/progressBarStyleHorizontal"                    android:progressDrawable="@drawable/progress_color" />


自定义样式如下:

android:progressDrawable="@drawable/progress_color"

<?xml version="1.0" encoding="UTF-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 设置背景色图像资源 -->    <item        android:id="@android:id/background"        android:drawable="@drawable/cloud_progress_bg"/>        <!-- 设置第一级进度条颜色图像资源 -->    <item        android:id="@android:id/progress"        android:drawable="@color/progressbar_color"/></layer-list>
或者如下

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >        <!-- 设置背景图片 -->     <item        android:id="@android:id/background"        android:drawable="@drawable/cloud_progress_bg"/>               <item android:id="@android:id/background">        <shape>            <corners android:radius="0dip" />            <gradient                android:angle="270"                android:centerColor="#cddae4"                android:centerY="0.75"                android:endColor="#cddae4"                android:startColor="#cddae4" />        </shape>    </item>        <item android:id="@android:id/secondaryProgress">        <clip>            <shape>                <corners android:radius="5dip" />                <gradient                    android:angle="270"                    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="0dip" />  <!-- 无圆角 -->                <gradient                    android:angle="270"                    android:endColor="#0283E3"                    android:startColor="#0283E3" />            </shape>        </clip>    </item></layer-list>

系统原生的样式如下:

<?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" />            <gradient                android:angle="270"                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="270"                    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="270"                    android:centerColor="#ffffb600"                    android:centerY="0.75"                    android:endColor="#ffffcb00"                    android:startColor="#ffffd300" />            </shape>        </clip>    </item></layer-list>



原创粉丝点击