一个简单SeekBar样式的例子

Posted 2020-12-24 luo---------学者

SeekBar在布局中的使用：

 

  <SeekBar
        android:layout_width="300px"
        android:layout_height="wrap_content"
        android:minHeight="10px"<!--定义进度条的高，不包括thumb的高-->
        android:maxHeight="10px"<!--定义进度条的高，不包括thumb的高-->
        android:thumbOffset="5px"<!--定义thumb偏移量，有时候如果thumb被挡住没有显示出来的时候，需要设置偏移量-->
        android:progressDrawable="@drawable/seekbar_sel"<!--定义SeekBar样式的事情都在这里做了-->
        android:thumb="@drawable/thumb"/><!--定义thumb的图片-->

 

SeekBar样式的定义：

<?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><!--定义shape属性-->
            <corners android:radius="3px"/><!--定义圆角的半径-->
            <solid android:color="@android:color/darker_gray"/><!--填充的颜色-->
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress"><!--第二层进度条的样式-->
        <clip>
            <shape><!--定义shape属性-->
                <corners android:radius="5px"/><!--定义圆角的半径-->
                <gradient
                    android:endColor="@android:color/white"
                    android:startColor="@android:color/black"/><!--渐变的情况-->
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress"><!--第一层进度条的样式-->
        <clip>
            <shape><!--定义shape属性-->
                <corners android:radius="5px"/><!--定义圆角的半径-->
                <!--渐变的情况-->
                <gradient
                    android:endColor="@android:color/white"<!--渐变结束时候的颜色-->
                    android:startColor="@android:color/black"/><!--渐变开始时候的颜色-->
            </shape>
        </clip>
    </item>
</layer-list>