自定义SeekBar,一步到位

最新推荐文章于 2023-10-23 19:39:11 发布

puyaCheer

最新推荐文章于 2023-10-23 19:39:11 发布

阅读量142

点赞数

文章标签： Android seekBar

本文链接：https://blog.csdn.net/puyaCheer/article/details/119738052

版权

布局

<SeekBar
    android:thumb="@drawable/mo_tu_seek_bar_sliding_bar"
    android:progressDrawable="@drawable/mo_tu_seek_bar_bg"
    android:layout_weight="1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"/>

drawable ----mo_tu_seek_bar_sliding_bar

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <!--设置滑块大小和颜色-->
    <size
        android:width="12.5dp"
        android:height="12.5dp"/>
    <solid android:color="@color/white" />
</shape>

drawable ---mo_tu_seek_bar_bg

<?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="3dp"
        android:gravity="center">
        <shape>

            <solid android:color="#999"/>
        </shape>
    </item>

    <!--滑过部分滑轨颜色-->
    <item
        android:id="@android:id/progress"
        android:height="3dp"
        android:gravity="center">

        <clip>
            <shape>

                <solid android:color="@color/white"/>
            </shape>
        </clip>
    </item>
</layer-list>

效果图