首页 > 移动平台 > 详细

【安卓笔记】自定义toggleButton

时间:2014-02-24 05:21:47      阅读:412      评论:0      收藏:0      [点我收藏+]
默认的toggleButton简直丑到爆表,强烈建议自定义。
个人非常喜欢天天动听的UI,这次就拿这个应用上的togglebutton作为模仿对象。
步骤:
1.准备好资源。解压天天动听apk包,找到togglebutton按钮:
bubuko.com,布布扣
解压出来的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,大功告成。

展示效果:
bubuko.com,布布扣

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

【安卓笔记】自定义toggleButton

原文:http://blog.csdn.net/chdjj/article/details/19756191

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!