progress 自定义进度-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_42334204/article/details/128450011

本文介绍了如何使用XML定义横向及纵向的渐变效果。横向渐变从#65f2ff平滑过渡到#12d59d，而纵向渐变则从#05F3CE渐变至#04CBB7。通过设置不同的角度和颜色来实现丰富的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<-----     自定义横向渐变    --------->
<?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="50dp" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
      <clip>
        <shape>
            <corners android:radius="@dimen/dp_100" />
            <gradient
                android:angle="0"
                android:endColor="#12d59d"
                android:startColor="#65f2ff"
                android:type="linear" />
        </shape>
    </clip>
    </item>
</layer-list>

<-----     自定义纵向渐变    --------->
	<?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="50dp" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
             <clip android:gravity="bottom"
                android:clipOrientation="vertical">
                <shape  android:shape="rectangle">
                    <gradient android:type="linear" android:angle="90" android:centerY="0.75" android:startColor="#05F3CE" android:centerColor="#03DC9E" android:endColor="#04CBB7"/>
                    <corners android:radius="20dp"/>
                </shape>
            </clip>
    </item>
</layer-list>