Android 进度条 xml

2019-02-21  本文已影响0人  半截铅笔

常规型

<?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="5dp"/>
            <solid android:color="@color/color_progress_bg"/>
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape android:shape="rectangle">
                <corners android:radius="5dp"/>
                <solid android:color="@color/color_ff9600"/>
            </shape>
        </clip>
    </item>
</layer-list>
说明: 通过 clip 来进行裁剪显示.

带圆角,渐变

<?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="5dp"/>
            <solid android:color="@color/color_progress_bg"/>
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <scale
            android:drawable="@drawable/bg_progress_bar_ct_cacaca"
            android:scaleWidth="100%"/>
    </item>
</layer-list>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="5dp"/>

    <gradient
        android:angle="0"
        android:endColor="#909090"
        android:startColor="#cacaca"/>
</shape>
说明: 通过scale 来进行缩放,保证线条两头的圆角能显示出来.
上一篇 下一篇

猜你喜欢

热点阅读