android - 如何使用xml文件在android中实现这种类型的Progressbar

Question

如何应用发光效果？

我正在尝试创建这种类型的水平ProgressBar但不知道发光效果作为进度的起点。

这是我的渐变颜色代码

<?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="0dip" />

        <solid android:color="#ff9d9e9d"/>
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />

            <gradient
                    android:angle="180"
                    android:startColor="#8872f8fc"
                    android:endColor="#886dc0e3" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />

                <gradient
                    android:angle="180"
                    android:startColor="#31c6f7"
                    android:centerColor="#2ea6d1"
                    android:endColor="#2884a6" />
            </shape>
        </clip>
    </item>

</layer-list>

Answer 1

您可以将 png 图像用于发光的头部。在图层列表中使用 <bitmap> 标签并将其右对齐。我为一个完全不同的应用程序做了类似的事情

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item>
    <shape>
        <gradient
            android:angle="270"
            android:endColor="#4C4C4C"
            android:startColor="#303030" />

        <stroke
            android:width="0dp"
            android:color="#000000" />

        <corners android:radius="0dp" />

        <padding
            android:bottom="0dp"
            android:left="5dp"
            android:right="0dp"
            android:top="0dp" />
    </shape>
</item>
<item>
    <bitmap
        android:antialias="true"
        android:gravity="right|bottom|fill_vertical"
        android:src="@drawable/spinner_down_arrow" />
</item>

</layer-list>

Answer 2

或者，您可以将 ImageView 添加到您的布局中。为进度条创建可绘制对象。然后通过代码在 ImageView 内绘制 2 层。第一层是背景，第二层是旋钮。将重绘代码写入 imageview 的 onTouch 侦听器以更新触摸时的视图。

Answer 3

发光效果是具有透明度的 png drawables。位于当前进程右侧的顶部。

创建自定义视图进度条。