android-----自定义ToggleButton

小鱼儿 2022-08-09 00:57 115阅读 0赞

系统自带的ToggleButton通常都不能满足我们的审美需求，因此需要我们自定义自己的ToggleButton。

运行效果如图：

![Center][]

工程的目录结构图：

![Center 1][]

布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity" >
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
    
            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="系统的toggleButton" />
    
            <ToggleButton
                android:id="@+id/toggleButton1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:checked="false" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
    
            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="自定义的toggleButton" />
    
            <ToggleButton
                android:id="@+id/togglebutton2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="@drawable/btn_toggle"
                android:checked="false"
                android:text=""
                android:textOff=""
                android:textOn="" />
        </LinearLayout>
    
    </LinearLayout>

android:textOn=""   表示：选中情况下显示的文本

android:textOff=""   表示：未选中情况下显示的文本

android:checked="false"  表示：初始化时候，默认是未选中的

android:button="@drawable/toggle\_btn"  表示：button样式

btn\_toggle.xml文件：

<?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>

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>

源代码下载路径： [http://download.csdn.net/detail/dangnianmingyue\_gg/9150197][http_download.csdn.net_detail_dangnianmingyue_gg_9150197]

[Center]: /images/20220731/f3158f8cb90c4f239f35f666cc5b789a.png
[Center 1]: /images/20220731/f0a68dcb830d41bbb8aa17a39dec869f.png
[http_download.csdn.net_detail_dangnianmingyue_gg_9150197]: http://download.csdn.net/detail/dangnianmingyue_gg/9150197

发表评论取消回复

表情：

评论列表（有 0 条评论，115人围观）

还没有评论，来说两句吧...

相关阅读

相关 android textappearance 自定义,Android中的自定义字体

好！！这个问题已经很老了，但是如果有人(2015年)正在寻找有关如何通过xml代码将自定义字体应用于所有Textview的答案，请直接参见以下内容：首先：我们需要在

浅浅的花香味﹌/ 2022年10月17日 11:26/ 0 赞/ 210 阅读

相关 adapter android自定义,Android:自定义ListAdapter

android:id="@+id/Layout\_result" xmlns:android="http://schemas.android.com/apk/res/andr

约定不等于承诺〃/ 2022年10月16日 07:35/ 0 赞/ 197 阅读

相关 android状态栏自定义,[Android开发]Android 自定义状态栏通知

状态栏通知布局 custom\_notification.xml android:layout\_width="match\_parent" android:layout

超、凢脫俗/ 2022年10月16日 05:47/ 0 赞/ 248 阅读

相关 android自定义权限,Android 自定义权限详解

一、自定义权限与使用在用户app中，自定义权限往往设定在四大组件上Activity,Service,BroadcastReceiver,ContentProvider,作

柔情只为你懂/ 2022年10月05日 06:46/ 0 赞/ 526 阅读

相关 Android—ToggleButton、Switch和RatingBar使用

.java 文件 package com.example.myapp; import android.os.Bundle; import a

柔情只为你懂/ 2022年08月21日 07:59/ 0 赞/ 143 阅读

相关 android-----自定义ToggleButton

系统自带的ToggleButton通常都不能满足我们的审美需求，因此需要我们自定义自己的ToggleButton。运行效果如图： ![Center][]

小鱼儿/ 2022年08月09日 00:57/ 0 赞/ 116 阅读

相关自定义滑动开关(ToggleButton)

自定义控件的步骤：测量：onMeasure 设置自己显示在屏幕上的宽高布局：onLayout 设置自己显示在屏幕上的位置(只有在自定义ViewGroup中才用到

忘是亡心i/ 2022年08月01日 00:24/ 0 赞/ 181 阅读

相关 Android自定义View

1.View是什么？ View是屏幕上的一块矩形区域，它负责用来显示一个区域，并且响应这个区域内的事件。可以说，手机屏幕上的任意一部分看的见得地方都是View，它很常见，比

淡淡的烟草味﹌/ 2022年07月24日 05:10/ 0 赞/ 199 阅读

相关 Android 自定义Toast

自己设置Toast的显示位置、背景颜色等等，封装了一个方法，在程序中可以直接掉用。。 public static void showTextToast(Context

忘是亡心i/ 2022年06月03日 02:41/ 0 赞/ 248 阅读

相关 Android记录4--自定义ToggleButton+用SharedPreferences保存用户配置

Android记录4--自定义ToggleButton+用SharedPreferences保存用户配置 2013年8月14日Android记录很多应

蔚落/ 2022年03月18日 12:11/ 0 赞/ 135 阅读