效果圖
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"