SeekBar 的自定义样式

16lz 2021-01-23

代码如下

Java代码

<SeekBarandroid:id="@android:id/progress"
style="?android:attr/progressBarStyleHorizontal"
android:progressDrawable="@drawable/seekbar_style"
android:thumb="@drawable/thumb"
android:layout_width="fill_parent"
android:layout_height="23dip"
android:paddingLeft="25dip"
android:paddingRight="25dip"
android:paddingBottom="4dip/>

其实最最关键的就是

Java代码

android:progressDrawable="@drawable/seekbar_style"
android:thumb="@drawable/thumb"

怎么去定义呢？
看下面的代码：
seekbar_style.xml

Java代码

<?xmlversion="1.0"encoding="UTF-8"?>
<layer-listxmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:id="@android:id/background">
<shape>
<cornersandroid:radius="10dip"/>
<gradient
android:startColor="#ffffffff"
android:centerColor="#ff000000"
android:endColor="#ff808A87"
android:centerY="0.45"
android:angle="270"/>
</shape>
</item>
<itemandroid:id="@android:id/progress">
<clip>
<shape>
<cornersandroid:radius="10dip"/>
<gradient
android:startColor="#ffffffff"
android:centerColor="#ffFFFF00"
android:endColor="#ffAABD00"
android:centerY="0.45"
android:angle="270"/>
</shape>
</clip>
</item>
</layer-list>

thumb.xml

Java代码

<?xmlversion="1.0"encoding="UTF-8"?>
<selectorxmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="true"
android:drawable="@drawable/xxxxxxxxxx"/>
<item
android:state_focused="false"
android:state_pressed="false"
android:drawable="@drawable/xxxxxxx"/>
上面的xxxxxxx是图片
</selector>

OK，问题解决！嘿嘿！

转自：布道者--http://blog.csdn.net/wbw1985/archive/2010/10/20/5953500.aspx#1796031

更多相关文章

随机推荐