seekbar 自定义样式

来源:互联网 发布:淘宝质量问题包括哪些 编辑:程序博客网 时间:2024/05/22 02:24

<SeekBar

android:layout_width=”192dip”

android:layout_height=”wrap_content”

android:progressDrawable=”@drawable/seekbar_style”

android:thumb=”@drawable/thumb_bg”

android:id=”@+id/seekWeight”

android:max=”70″

android:paddingLeft=”17dip”

android:paddingRight=”17dip”

/>

1.改变按钮的样式。

这个很简单,直接则layout文件里指定android:thumb属性即可,如上面红色字体,需要注意的是SeekBar的宽的左右的padding一定要指定。

2.改变长条的颜色。

这里只需指定android:progressDrawable属性即可,下面是seekbar_style文件,放在drawable文件夹下。

<?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=”10dip” />

<gradient

android:startColor=”#d4d4d4″

android:centerColor=”#ffffff”

android:endColor=”#ffffff”

android:centerY=”0.45″

android:angle=”270″/>

</shape>

</item>

<item android:id=”@android:id/progress”>

<clip>

<shape>

<corners android:radius=”10dip” />

<gradient

android:startColor=”#ffd202″

android:centerColor=”#ffc004″

android:endColor=”#fbc600″

android:centerY=”0.45″

android:angle=”270″/>

</shape>

</clip>

</item>

</layer-list>

红色的<item android:id=”@android:id/background”>指定了SeekBar背景的颜色。android:startColor,android:centerColor,android:endColor分别指定了开始,中间,结尾的颜色,使SeekBar有了立体的效果。绿色的<item android:id=”@android:id/progress”>指定了SeekBar滚过的部分的颜色。

0 0