美文网首页
Android 进度条 xml

Android 进度条 xml

作者: 半截铅笔 | 来源:发表于2019-02-21 14:47 被阅读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 来进行缩放,保证线条两头的圆角能显示出来.

    相关文章

      网友评论

          本文标题:Android 进度条 xml

          本文链接:https://www.haomeiwen.com/subject/opiryqtx.html