UI控件--自定义SeekBar样式

来源：互联网发布：mac steam 游戏存档编辑：程序博客网时间：2024/06/16 05:17

这里写图片描述

在drawable文件夹下自定义滑块的样式
seekbarthumb.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <solid android:color="@color/colorAccent"></solid>    <size android:width="3dp" android:height="20dp"></size></shape>

然后再自定义滑动条的样式
seekbardrawable.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">        <shape>            <corners android:radius="10dp"></corners>            <gradient android:startColor="@color/colorBlueLight"                android:endColor="@color/colorBlue"                android:angle="270"></gradient>        </shape>    </item>    <item android:id="@android:id/progress">        <clip>            <shape>                <corners android:radius="10dp"></corners>                <gradient android:startColor="@color/colorAccent"                    android:endColor="@color/colorBlack"                    android:angle="270"></gradient>            </shape>        </clip>    </item></layer-list>

最后在主布局中应用自定义的样式就好了

    <SeekBar        android:id="@+id/seekBar"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:thumb="@drawable/seekbarthumb"        android:progressDrawable="@drawable/seekbardrawable"/>

android:thumb属性表示滑块的样式
android:progressDrawable属性表示滑动条的样式

0 0