android 自定义SeekBar 样式

最新推荐文章于 2026-05-05 09:41:28 发布

原创最新推荐文章于 2026-05-05 09:41:28 发布 · 500 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文详细介绍了如何在Android中自定义SeekBar的样式，包括进度条的颜色、形状及大小等属性，通过XML代码展示了具体的实现过程。

xml使用

<SeekBar
    android:id="@+id/seebar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_gravity="center_vertical"
    android:layout_marginLeft="@dimen/dp50"
    android:max="15"
    android:maxHeight="10dp"
    android:progress="10"
    android:progressDrawable="@drawable/seebar_barss"
    android:splitTrack="false"
    android:thumb="@drawable/seebar_thumb"
    android:thumbOffset="8dp" />

seebar_barss：

<?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 >
            <size
                android:height="6dp"

                />
            <solid android:color="@color/color4"

                />

            <corners android:radius="30dp" />
            <!--<gradient-->
                <!--android:startColor="#80ffd300"-->
                <!--android:centerColor="#80ffb600"-->
                <!--android:centerY="0.75"-->
                <!--android:endColor="#a0ffcb00"-->
                <!--android:angle="270"-->
                <!--/>-->

        </shape>
    </item>

    <!--第二进度条-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape >
                <size
                    android:height="6dp"
                    />
                <solid
                    android:color="@color/color3"/>
                <corners android:radius="30dp" />
            </shape>
        </clip>
    </item>
    <!--第一进度条-->
    <item android:id="@android:id/progress">
        <clip>
            <shape >
                <size
                    android:height="6dp"
                    />
                <solid
                    android:color="@color/color3"/>
                <corners android:radius="30dp" />
            </shape>
        </clip>
    </item>
</layer-list>

seebar_thumb：

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

    <size
        android:width="30dp"
        android:height="30dp"
        />
    <solid android:color="@color/color8"/>
    <stroke
        android:width="1dp"
        android:color="@color/color8"/>
</shape>