【安卓笔记】自定义toggleButton

默认的toggleButton简直丑到爆表,强烈建议自定义。
个人非常喜欢天天动听的UI,这次就拿这个应用上的togglebutton作为模仿对象。
步骤:
1.准备好资源。解压天天动听apk包,找到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,大功告成。

展示效果:



因为使用了9.png,即使你将控件宽高设置为match_parent也不会变形~

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。