image.png

xml布局文件

 <ProgressBar
                    android:id="@+id/progress02"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/pk1"
                    android:layout_marginLeft="2dp"
                    style="@style/Widget.AppCompat.ProgressBar.Horizontal"
                    android:progress="48"
                    android:progressDrawable="@drawable/progress_vertical_style"
                    android:max="100"
                    />

注釋
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
樣式使用水平進(jìn)度條
android:progressDrawable="@drawable/progress_vertical_style"
背景引用drawble內(nèi)文件progress_vertical_style的樣式

1：正向繪制 drawble 內(nèi)progress_vertical_style

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <color android:color="#ddd"/>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dp"/>
                <gradient
                    android:startColor="#ddd"
                    android:endColor="#ddd"/>
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip
            android:clipOrientation="horizontal"
            android:gravity="left">
            <shape>
                <corners android:radius="5dp"/>
                <gradient
                    android:startColor="#00d0ff"
                    android:endColor="#6296ef"/>
            </shape>
        </clip>
    </item>
</layer-list>

注釋
<color android:color="#ddd"/>
進(jìn)度條的背景色
android:clipOrientation="horizontal"
裁剪方向?yàn)樗椒较?br> android:gravity="left"
從左邊開始裁剪
android:startColor="#00d0ff"
進(jìn)度條的前景色顏色
android:endColor="#6296ef"
進(jìn)度條結(jié)束后的顏色

2：反向繪制

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <color android:color="#ddd"/>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dp"/>
                <gradient
                    android:startColor="#ddd"
                    android:endColor="#ddd"/>
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip
            android:clipOrientation="horizontal"
            android:gravity="right">
            <shape>
                <corners android:radius="5dp"/>
                <gradient
                    android:startColor="#f00"
                    android:endColor="#f00"/>
            </shape>
        </clip>
    </item>
</layer-list>