【安卓笔记】自定义toggleButton

默认的toggleButton简直丑到爆表,强烈建议自定义。
个人非常喜欢天天动听的UI,这次就拿这个应用上的togglebutton作为模仿对象。
步骤:
1.准备好资源。解压天天动听apk包,找到togglebutton按钮:
【安卓笔记】自定义toggleButton
解压出来的toggleButton是普通png格式的,这里我们可以使用工具将其改为9.png的,使用9patch工具时有个小技巧,那就是将show patches勾选上,方便我们画点。
2.res下新建一个drawable目录,新建一个选择器.
toggle_selector.xml:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true" android:drawable="@drawable/toggle_button_on"></item>
    <item android:drawable="@drawable/toggle_button_off"></item>
</selector>
3.在使用控件时,布局上设置togglebutton的背景:
<ToggleButton 
        android:id="@+id/tb"
        android:background="@drawable/toggle_selector"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textOn=""
        android:textOff=""
        android:checked="true"
        />
ok,大功告成。

展示效果:
【安卓笔记】自定义toggleButton

【安卓笔记】自定义toggleButton
因为使用了9.png,即使你将控件宽高设置为match_parent也不会变形~

【安卓笔记】自定义toggleButton

上一篇:转:解决windows下eclipse中android项目关联android library project失败问题


下一篇:Android 学习笔记 —— Android 四大组件 与 MVC 架构模式