使用 XML 创建自定义进度条

Posted

技术标签:

【中文标题】使用 XML 创建自定义进度条【英文标题】:Create custom progress bar with XML 【发布时间】:2020-11-29 17:56:16 【问题描述】:

我想创建下面的进度条,但我不知道如何使用基于 layer listxml 的图像创建此图像。如果你知道这件事,请帮助我。

【问题讨论】:

这里:***.com/questions/16893209/… 【参考方案1】:

在您的图层列表中,您需要两个项目,第一个是background id,第二个是progress id,然后您可以创建自己的自定义形状,例如您看起来是这样的:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:id="@+id/background"
    android:gravity="center_vertical|fill_horizontal">
    <shape android:shape="rectangle">
        <corners android:radius="20dp" />
        <size android: />
        <solid android:color="#FFFFFF"/>
        <stroke android:color="#0000FF"
            android:/>
    </shape>
</item>
<item
    android:id="@+id/progress"
    android:left="10dp"
    android:right="10dp"
    android:gravity="center_vertical|fill_horizontal">
    <scale android:scaleWidth="100%">
        <shape android:shape="rectangle">
            <corners android:radius="20dp" />
            <size android: />
            <solid android:color="#0000FF" />
        </shape>
    </scale>
</item>
</layer-list>

【讨论】:

以上是关于使用 XML 创建自定义进度条的主要内容,如果未能解决你的问题,请参考以下文章

使用 Xamarin Forms 在 UWP 中自定义进度条颜色

使用 XML 创建自定义进度条

自定义圆形进度条 自定义倒计时进度条

如何制作WinForm中自定义进度条

AGC如何创建自定义应用内消息

CSS实现不规则自定义进度条效果