最近項(xiàng)目中有用到seekbar娇未,之前對這東西不太了解,趁機(jī)來踩坑星虹。
seekbar樣式
按我覺得Material 中的還不算難看了零抬。但是美工給了自己的樣式镊讼,還是得改。
主要有這2個(gè)屬性:
android:thumb="@drawable/thumb"
android:progressDrawable="@drawable/seekbar_progress"
thumb 指的是進(jìn)度條上那個(gè)滑塊平夜,progressDrawable 指的是進(jìn)度條蝶棋。
seekbar
這是progressDrawable :
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<solid android:color="#bfbfbf" />
</shape>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<solid android:color="#4765e5" />
</shape>
</clip>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<solid android:color="#4765e5" />
</shape>
</clip>
</item>
</layer-list>
這里說一下,android:id="@android:id/background" 背景指的是上圖中灰色的部分忽妒。android:id="@android:id/progress"是藍(lán)色部分玩裙。自己一開始把secondaryProgress 和background 給搞混了。
thumb的話就是簡單的一張圖片段直,再指定一下大小献酗,seekbar默認(rèn)是有10dp 的height的。
android:maxHeight="5dip"
android:minHeight="5dip"
這樣大概就能得到圖中的樣子了坷牛。
然后罕偎,最后。跑起來發(fā)現(xiàn)滑塊thumb四周竟然不是透明的京闰。扯蛋颜及! 趕緊去看了一下icon 發(fā)現(xiàn)icon四周是透明的沒錯(cuò)。又一陣蛋疼蹂楣。查一下發(fā)現(xiàn)俏站,原來 The Material seek bar has split track enabled by default
所以我們要把它disable掉。
android:splitTrack="false"
Over