Android_man_me
Android_man_me
2018-12-10 05:35

Android 这种进度条怎么实现?

  • android

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

图片说明

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

<?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"

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

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

2条回答

为你推荐