Android 这种进度条怎么实现？

Question

遇到一个这样的进度条，跟随进度变化，高亮发光。颜色跟随主题颜色变化，所以不能用固定颜色图片之类的

尝试了一下，通过加一层渐变，效果感人

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/background"
        android:height="@dimen/dp_2px">
        <shape>
            <corners android:radius="@dimen/dp_1px" />
            <solid android:color="@color/gray" />
        </shape>
    </item>

    <item
        android:id="@android:id/progress"
        android:height="@dimen/dp_5px"
        android:gravity="center">
        <clip>
            <layer-list>
                <item>
                    <shape>
                        <corners android:radius="@dimen/dp_2px" />
                        <gradient
                            android:angle="0"
                            android:endColor="?attr/theme_color"
                            android:startColor="@android:color/transparent"
                            android:type="linear" />
                    </shape>
                </item>
                <item
                    android:bottom="@dimen/dp_2px"
                    android:gravity="center"
                    android:top="@dimen/dp_2px">
                    <shape>
                        <corners android:radius="@dimen/dp_2px" />
                        <solid android:color="?attr/theme_color" />
                    </shape>
                </item>
            </layer-list>
        </clip>
    </item>

</layer-list>

使用 elevation也没有效果

        android:elevation="@dimen/dp_20px"
        android:outlineProvider="bounds"
        android:translationZ="@dimen/dp_20px"

一时间不知道该如果去实现，哪位大神帮忙下

Answer 1

看看UI能不能切这种.9的图试试