自定义ToggleButton的样式

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

⾃定义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="/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⽬录下才能完全显⽰图⽚(⾼分辨率下)。

相关文档
最新文档