android 进度条

来源:互联网 发布:全钟穆勒编程软件下载 编辑:程序博客网 时间:2024/05/01 10:31

看下xml布局文件,其实就是直接用xml写的在加两个属性设置一下就好了,一个style,另一个是background。

<ProgressBarandroid:id=”@+id/pb_progressbarstyle=”@style/StyleProgressBarMiniandroid:layout_width=”fill_parent”android:layout_height=”wrap_content”android:layout_margin=”30dp”android:background=”@drawable/shape_progressbar_bgandroid:max=”100″android:progress=”50″ />

style:

<style name=”StyleProgressBarMini” parent=”@android:style/Widget.ProgressBar.Horizontal”><item name=”android:maxHeight”>50dip</item><item name=”android:minHeight”>10dip</item><item name=”android:indeterminateOnly”>false</item><item name=”android:indeterminateDrawable”>@android:drawable/progress_indeterminate_horizontal</item><item name=”android:progressDrawable”>@drawable/shape_progressbar_mini</item></style>

这里的progressDrawable又是引用一个自定义drawable,shape_progressbar_mini.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” />    <gradient    android:angle=”270″    android:centerY=”0.75″    android:endColor=”#FFFFFF”    android:startColor=”#FFFFFF” />    </shape>    </item>    <item android:id=”@android:id/secondaryProgress”>    <clip>    <shape>    <corners android:radius=”0dip” />    <gradient    android:angle=”270″    android:centerY=”0.75″    android:endColor=”#df0024″    android:startColor=”#df0024″ />    </shape>    </clip>    </item>    <item android:id=”@android:id/progress”>    <clip>    <shape>    <corners android:radius=”5dip” />    <gradient    android:angle=”270″    android:centerY=”0.75″    android:endColor=”#de42ec”    android:startColor=”#de42ec” />    </shape>    </clip>    </item>    </layer-list>

shape_progressbar_bg.xml:

    <?xml version=”1.0″ encoding=”UTF-8″?>    <shape xmlns:android=”http://schemas.android.com/apk/res/androidandroid:shape=”rectangle” >    <!– 边框填充的颜色 –>    <solid android:color=”#cecece” />    <!– 设置进度条的四个角为弧形 –>    <!– android:radius 弧形的半径 –>    <corners android:radius=”90dp” />    <!–    padding:边界的间隔–>    <padding    android:bottom=”1dp”    android:left=”1dp”    android:right=”1dp”    android:top=”1dp” />    </shape>

条型进度条就做好了

0 0
原创粉丝点击