自定义seekbar

最新推荐文章于 2022-03-02 17:30:23 发布

原创最新推荐文章于 2022-03-02 17:30:23 发布 · 596 阅读

0 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

22 篇文章

订阅专栏

1.引用style

<SeekBar
    android:id="@+id/sb_angular"
    style="@style/jrt_seekbar_style"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

2.在style.xml里添加

<style name="jrt_seekbar_style" parent="Base.Widget.AppCompat.SeekBar">
    <item name="android:progressDrawable">@drawable/slamapp_seekbar_style</item>
    <item name="android:thumb">@drawable/seekbar_thumb</item>
</style>
3.重写slamapp_seekbar_style.xml
<?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:drawable="@drawable/seekbar_bg" />
    <item android:id="@android:id/secondaryProgress">
        <scale android:scaleWidth="100%">
            <selector>
                <item android:state_enabled="false">
                    <color android:color="@android:color/transparent" />
                </item>
                <item android:drawable="@drawable/seekbar_progress_2" />
            </selector>
        </scale>
    </item>
    <item android:id="@android:id/progress">
        <scale android:scaleWidth="100%">
            <selector>
                <item android:state_enabled="false">
                    <color android:color="@android:color/transparent" />
                </item>
                <item android:drawable="@drawable/seekbar_progress" />
            </selector>
        </scale>
    </item>
</layer-list>
seekbar_thumb.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="35dp"
        android:height="35dp" />
    <solid android:color="#FFFFFF" />
    <stroke
        android:width="0.5dp"
        android:color="@color/gray" />
</shape>