自定义ToggleButton的样式

1.案例效果图

选中 未选中

2.准备相关的资源

2.1准备图片(一般放在drawable-hdpi目录下)

toggle_btn_checked.png toggle_btn_unchecked.png

2.2准备透明的颜色

<color name="transparent">#00000000</color>

3.样式文件(toggle_button.xml)

3.1样式文件位置通常在drawable目录下定义

3.2样式代码

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<!-- 选中样式 -->

<item android:drawable="@drawable/toggle_btn_checked" android:state_checked="true"/>

<!-- 未选中样式 -->

<item android:drawable="@drawable/toggle_btn_unchecked" android:state_checked="false"/>

</selector>

4.应用样式(main.xml)

<ToggleButton

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@color/transparent"

android:button="@drawable/toggle_button"

android:text=""

android:textOff=""

android:textOn="" />

4.1 为了只显示图片需要设置text、textOff、textOn属性的内容为空字符串

4.2 为了充分显示出图片，背景设置为透明的颜色 #0000000

4.3 为了显示图片按钮，在button属性上应用样式

4.4 控件的宽度和高度属性设置为"wrap_content",图片资源最好放在drawable-hdpi目录下才能完全显示图片(高分辨率下)