Android中自定义SeekBar的样式

有时候原生的SeekBar太丑了,已经满足不了我们的效果,需要我们自定义样式。

第一步:在drawable里创建一个xml文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--定义seekbar滑动条的底色-->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dp" />
            <solid android:color="@color/member_seekbar_right"/>
            <stroke android:width="1.5dp" android:color="@color/white"/>
        </shape>
    </item>
    <!--定义seekbar滑动条进度颜色-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dp" />
                <solid android:color="@color/member_seekbar_left" />
                <stroke android:width="1.5dp" android:color="@color/white"/>
            </shape>
        </clip>
    </item>
</layer-list>

第二步:在style样式里添加一个style样式

<style name="SeekBar.Normal.Member" parent="@android:style/Widget.SeekBar">
        <item name="android:maxHeight">8.0dip</item>
        <item name="android:indeterminateOnly">false</item>
        <item name="android:indeterminateDrawable">@color/colorAccent</item>
        <item name="android:progressDrawable">@drawable/seekbar_horizontal_member</item>
        <item name="android:minHeight">8.0dip</item>
        <item name="android:thumb">@mipmap/vip1</item>
        <item name="android:thumbOffset">0dip</item>
        <item name="android:splitTrack" tools:ignore="NewApi">false</item>
        <item name="android:outlineProvider" tools:ignore="NewApi">bounds</item>
    </style>

第三步:在布局中调用SeekBar

<SeekBar
        android:id="@+id/time_seekbar"
        android:layout_gravity="center_vertical"
        style="@style/SeekBar.Normal.Member"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

第四步:先在Activity中设置最大值和进度值看看效果如何

mSeekbarTime.setMax(100);
mSeekbarTime.setProgress(30);

大功告成,请多多指教。

猜你喜欢

转载自blog.csdn.net/qq_40441190/article/details/83069213
今日推荐