美文网首页
Android 自定义 SeekBar

Android 自定义 SeekBar

作者: _发强 | 来源:发表于2022-07-01 02:21 被阅读0次

效果图

ps : seekBar 两边设置的有外边距间距,
android:layout_marginHorizontal="@dimen/dp_16"

进度为 0 时
进度在中间时
进度最大时

直接展示代码:

<SeekBar
            android:id="@+id/repairSeekBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:maxHeight="@dimen/dp_12"
            android:minHeight="@dimen/dp_12"
            android:paddingHorizontal="0dp"
            android:progress="0"
            android:thumbOffset="0dp"
            android:splitTrack="false"
            android:max="7"
            android:thumb="@drawable/ic_seekbbar_thumb"  // 自己按需设置
            android:progressDrawable="@drawable/seekbar" />

seekbar.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/dp_6" />

            <solid android:color="@color/c_f8" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip android:scaleWidth="100%">
            <shape>
                <corners android:radius="@dimen/dp_6" />
                <solid android:color="@color/c_c5c5f4" />
            </shape>
        </clip>
    </item>
</layer-list>
  • 解决自定义图标 滑到最小或者最大时,图标异常问题。
android:thumbOffset="0dp"  
  • 设置seekBar 进度条高度
            android:maxHeight="@dimen/dp_12"
            android:minHeight="@dimen/dp_12"
  • 解决 seekBar 宽度不撑满布局
        android:paddingStart="0dp"
        android:paddingEnd="0dp"
  • 解决进度条颜色和 Thumb 图标有间隔
android:splitTrack="false"

相关文章

网友评论

      本文标题:Android 自定义 SeekBar

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