常规型
<?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 来进行缩放,保证线条两头的圆角能显示出来.
网友评论