Android 自定義 SeekBar

效果圖

ps : seekBar 兩邊設(shè)置的有外邊距間距,
android:layout_marginHorizontal="@dimen/dp_16"

進(jìn)度為 0 時(shí)

進(jìn)度在中間時(shí)

進(jìn)度最大時(shí)

直接展示代碼:

<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"  // 自己按需設(shè)置
            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>
  • 解決自定義圖標(biāo) 滑到最小或者最大時(shí),圖標(biāo)異常問題。
android:thumbOffset="0dp"  
  • 設(shè)置seekBar 進(jìn)度條高度
            android:maxHeight="@dimen/dp_12"
            android:minHeight="@dimen/dp_12"
  • 解決 seekBar 寬度不撐滿布局
        android:paddingStart="0dp"
        android:paddingEnd="0dp"
  • 解決進(jìn)度條顏色和 Thumb 圖標(biāo)有間隔
android:splitTrack="false"
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容