android美化ToggleButton

最新推荐文章于 2025-09-10 14:18:44 发布

原创最新推荐文章于 2025-09-10 14:18:44 发布 · 388 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发

android基础专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何通过XML设置ToggleButton的背景及状态图，实现自定义切换按钮的视觉效果，并提供了具体的实现步骤。

1、设置XML属性

我们需要设置ToggleButton的背景，以及当ToggleButton为on或者off时到状态图。

首先，我们设置ToggleButton的背景,建立 /res/drawable/btn_toggle_bg.xml


    <?xml version="1.0" encoding="utf-8"?>  
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
        <item android:id="@+android:id/background" android:drawable="@android:color/transparent" />  
        <item android:id="@+android:id/toggle" android:drawable="@drawable/btn_toggle" />  
    </layer-list>

使用layer-list把ToggleButton分成2个图层，底层是背景(设置成透明),顶层是selector效果图
2,建立/res/drawable/btn_toggle.xm


    <?xml version="1.0" encoding="utf-8"?>  
    <selector xmlns:android="http://schemas.android.com/apk/res/android">  
        <item android:state_checked="false" android:drawable="@drawable/btn_toggle_no" />  
        <item android:state_checked="true" android:drawable="@drawable/btn_toggle_yes" />  
    </selector>

3,使用
在ToggleButton中加上android:background="@drawable/btn_toggle_bg"就可以了。
如果想要整个应用程序都使用这种风格的话，就可以使用style和theme了。
图片看附件