android-自定义Seekbar

SeekBar两个属性比较重要：

progressDrawable:表示SeekBar的背景色；thumb表示滑动的图片。

有两点需要注意：

1、通常设置thumb后，滑动图片会被隐藏一部分。设置thumbOffset就可以解决该问题

android:thumbOffset="0dp"

2、需要修改滑动SeekBar过程中的填充颜色，需要建立一个drawable文件，

如名为seekbar_style.xml具体代码如下？

<layer-listxmlns:android="http://schemas.android.com/apk/res/android">

<itemandroid:id="@android:id/background">

<shape>

<cornersandroid:radius="10dip"/>

<gradientandroid:startColor="#ffffffff"

android:centerColor="#ffffffff"android:endColor="#ffffffff"

android:centerY="0.45"android:angle="270"/>

</shape>

</item>

<itemandroid:id="@android:id/progress">

<clip>

<shape>

<cornersandroid:radius="10dip"/>

<gradientandroid:startColor="#FF75BC32"

android:centerColor="#FF75BC32"android:endColor="#FF75BC32"

android:centerY="0.45"android:angle="270"/>

</shape>

</clip>

</item>

</layer-list>

background设置的是SeekBar的默认背景颜色;progress设置的是滑动过程中填充的颜色。

3、设置滑动杆粗细，设置maxHeight和minHeight为同一值即可，如

android:maxHeight="8dip"

android:minHeight="8dip"

完整的SeekBar样式代码如下：

<SeekBar

android:layout_marginLeft="25dp"

android:thumb="@drawable/flower_img"

android:layout_width="327dp"

android:layout_height="18dp"

android:thumbOffset="0dp"

android:maxHeight="4dp"

android:minHeight="4dp"

android:progressDrawable="@drawable/seekbar_style"

android:id="@+id/seekBarVolume">

</SeekBar>

效果图如下：

设置透明背景可以通过设置background完成

android:background="#00000000"即可

半透明android:background="#7F000000"即可。

更多相关文章

随机推荐