美文网首页我爱编程
Android 自定义seekbar

Android 自定义seekbar

作者: 跟跟_a5e9 | 来源:发表于2018-04-12 00:52 被阅读0次

    记录下seekbar 的常用写法,下次在写的时候可以直接copy

    <SeekBar
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:maxHeight="@dimen/x10"
      android:minHeight="@dimen/x10"
      android:max="100"
      android:progress="60"
      android:paddingStart="0dp"
      android:paddingEnd="0dp"
      android:progressDrawable="@drawable/seekbar_progress"
      android:thumb="@drawable/seekbar_thumb"
      android:thumbOffset="0dp"/>
    

    默认seekbar两边会有间隙,一般需要去掉,加上这两个属性可以实现

    android:paddingStart="0dp"
    android:paddingEnd="0dp"
    

    thumbOffset的作用是指示thumb(滑块)在拖动条的进度最大值与最小值时相对于拖动条的偏移量

    thumbOffset值 seekbar的最左端 seekbar的最右端
    0 thumb的最左端与SeekBar的最左端对齐 thumb的最右端与SeekBar的
    最右端对齐
    10 thumb的最左端比SeekBar的最左端小10px
    如果SeekBar设置的android:paddingLeft
    比10px要小,
    那么此时thumb会被遮挡掉左边的部分
    thumb的最右端比SeekBar的最右端大10px
    如果SeekBar设置的android:paddingRight
    比10px要小,那么此时thumb会被遮挡掉右边的部分

    配置seekbar_progress.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="@dimen/x10"></corners>
                <solid android:color="@color/color_33ffffff" />
            </shape>
        </item>
        <item android:id="@*android:id/secondaryProgress">
            <clip>
                <shape>
                    <corners android:radius="@dimen/x10"></corners>
                    <solid android:color="@color/color_33ffffff" />
                </shape>
            </clip>
        </item>
        <item android:id="@*android:id/progress">
            <clip>
                <shape>
                    <corners android:radius="@dimen/x10"></corners>
                    <solid android:color="@color/color_ffffff" />
                </shape>
            </clip>
        </item>
    </layer-list>
    

    相关文章

      网友评论

        本文标题:Android 自定义seekbar

        本文链接:https://www.haomeiwen.com/subject/jvutkftx.html