在Android中定制Switch控件

最新推荐文章于 2022-07-28 20:44:12 发布
最新推荐文章于 2022-07-28 20:44:12 发布
阅读量1.2w 收藏 4
点赞数 4
分类专栏： Android 文章标签： android switch

原文：How to create custom Switch in Android
示例源码下载：http://download.csdn.net/detail/zhangyihui1986/8651437

在本教程中，我会演示如何定制Switch控件，添加单击监听器，使用Switch去控制媒体声音和wifi设备。
下面是本教程的运行结果：
教程结果图片
本教程在Eclipse 4.2.0上开发。

首先，修改app的主布局文件

打开“res/layout/main.xml”文件，添加两个Switch控件，以及几个TextView和Button。

 <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center">
    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="Disable all switch"
        android:layout_marginBottom="15dp"
            android:onClick="button_click"/>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toLeftOf="@+id/switch1"
                android:layout_alignParentLeft="true"
                android:layout_marginBottom="10dp"
                android:layout_marginLeft="20dp"
                android:text="Media Volume"/>
            <Switch
                android:id="@+id/switch1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textOff="OFF"
                android:textOn="ON"
                android:layout_alignParentRight="true"
                android:layout_marginRight="20dp"
                android:onClick="onSwitchClicked"
                android:thumb="@drawable/switch_bg"
                android:track="@drawable/track_bg"
                android:layout_marginBottom="15dp" />  

            <TextView android:layout_below="@+id/switch1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toLeftOf="@+id/switch2"
                android:layout_alignParentLeft="true"
                android:layout_marginBottom="10dp"
                android:layout_marginLeft="20dp"
                android:text="Wifi"/>
            <Switch android:layout_below="@+id/switch1"
                android:id="@+id/switch2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textOff="OFF"
                android:textOn="ON"
                android:layout_alignParentRight="true"
                android:layout_marginRight="20dp"
                android:onClick="onSwitchClicked"
                android:thumb="@drawable/switch_bg"
                android:track="@drawable/track_bg"
                android:layout_marginBottom="15dp" />  
        </RelativeLayout>
        <TextView android:id="@+id/textView"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:textSize="27px"
                android:layout_marginTop="15dp"
                android:text="Show spinner choice"
                android:gravity="center"
                android:textColor="#CD2134" 
                android:textStyle="bold"  />
</LinearLayout>

需要注意Switch的两个属性：

android:thumb="@drawable/switch_bg"            android:track="@drawable/track_bg"

我们需要在drawable目录中创建两个XML文件“switch_bg.xml”和”track_bg.xml“用来定制Switch控件。
res/drawable/switch_bg.xml：

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/enable" />
    <item android:state_pressed="true"  android:drawable="@drawable/press" />
    <item android:state_checked="true"  android:drawable="@drawable/check_on" />
    <item                               android:drawable="@drawable/enable" />
</selector>

res/drawable/track_bg.xml：

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/track_disable" />
    <item                               android:drawable="@drawable/track_default" />
</selector>

代码

在Switch控件XML定义中使用android:onClick属性给所有Switch控件添加单击监听器：android:onClick=”onSwitchClicked “

在布局对应的Activity中，下面的方法处理所有Switch控件的单击事件，一个Switch控制媒体声音的开关，另一个控制Wifi 的开关。

 public void onSwitchClicked(View view) {
        switch(view.getId()){
        case R.id.switch1:
                if(switch1.isChecked()) {
                textview.setText("Switch 1 check ON by click on it"); 
                audioManager.setStreamVolume(AudioManager.STREAM_MUSIC,
                        8, 0);
                }
                else {
                textview.setText("Switch 1 check OFF by click on it");
                audioManager.setStreamVolume(AudioManager.STREAM_MUSIC,
                        0, 0);
                }
                break;
            case R.id.switch2:
                        if(switch2.isChecked()) {
                        textview.setText("Switch 2 check ON by click on it");
                        wifiManager = (WifiManager) this.getSystemService(Context.WIFI_SERVICE);
                        wifiManager.setWifiEnabled(true);
                        }
                else {
                        textview.setText("Switch 2 check OFF by click on it");
                        wifiManager = (WifiManager) this.getSystemService(Context.WIFI_SERVICE);
                        wifiManager.setWifiEnabled(false);
                }
                        break;
                }
    }

怎样控制Switch的setOnCheckedChangeListener

这个方法会在用户拖动Switch上的”拇指图（thumb）“或者点击Switch时触发，这时做与Switch控件的onClick方法同样的操作

 switch1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        // TODO Auto-generated method stub
            if (buttonView.isChecked()){
                textview.setText("Switch 1 check ON by drag thumb");
                audioManager.setStreamVolume(AudioManager.STREAM_MUSIC, 8, 0);                                  }
            else{
                textview.setText("Switch 1 check OFF by drag thumb");
                audioManager.setStreamVolume(AudioManager.STREAM_MUSIC, 0, 0);
            }
        }
});

switch2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        // TODO Auto-generated method stub
            if (buttonView.isChecked()){
                textview.setText("Switch 2 check ON by drag thumb");
                wifiManager = (WifiManager) getSystemService(Context.WIFI_SERVICE);
                wifiManager.setWifiEnabled(true);
            }
            else{
                textview.setText("Switch 2 check OFF by drag thumb");
                wifiManager = (WifiManager) getSystemService(Context.WIFI_SERVICE);
                        wifiManager.setWifiEnabled(false);
            }
        }
});

最后，添加按钮onClick方法来禁用或启用Switch控件

 public void button_click(View view){
        if(is_enable == true) {
                is_enable = false;
                button.setText("Enable all switch");
                        textview.setText("Switch is Disable by click on button");
        } else {
                is_enable = true;
                button.setText("Disable all switch");
                textview.setText("Switch is Enable by click on button");
        }
        switch1.setEnabled(is_enable);
        switch2.setEnabled(is_enable);
    }

注意：要想控制Wifi设备，需要在AndroidManifest文件中添加下面的权限

 <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"></uses-permission>
<uses-permission android:name="android.permission.UPDATE_DEVICE_STATS"></uses-permission>
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE"></uses-permission>
<uses-permission android:name="android.permission.WAKE_LOCK"></uses-permission>

Demo

运行应用

这里写图片描述

点击第一个Switch控件打开/关闭媒体声音设备

这里写图片描述

拖动第二个Switch控件的”拇指图“开关Wifi

这里写图片描述

点击按钮启用或禁用所有的Switch控件

这里写图片描述
你可以从这里下载本教程所有的源码
参考： http://developer.android.com/reference/android/widget/Switch.html

玄月初心
关注
专栏目录
Android自定义Switch控件
01-07
一个自定义Switch控件，附带动画效果。 说是控件，其实是一个布局容器。
Android Switch设置宽高
最新发布
weixin_41492910的博客
08-26 90
我整理的一些关于【XML】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/Hpqqk2Android Switch 设置宽高 在Android开发中，Switch组件是一种常用的用户界面元素，允许用户选择两种状态（开启或关闭）。默认情况下，Switch的宽度和高度是由系统决定...
android自定义控件Switch
03-11
自己实现了一个自定义控件，Switch。代码已经很久了，不知道还可不可以用。 欢迎下载哈。有问题可留言或私信
自定义安卓中的Switch控件
07-21
自定义的Switch控件，全版本通用。
Android Switch控件自定义
04-26
Android Switch控件自定义，通过修改switch控件的thumb和track属性，实现自己想要的效果
仿android4.0 switch控件
04-05
在Android开发中，Switch控件是一种常用的开关组件，它提供了类似iOS中的滑动开关功能，让用户可以方便地在两种状态之间切换。在Android 4.0（Ice Cream Sandwich，简称ICS）版本中，Switch控件引入了更加美观的设计...
Android 仿Iphone的Switch控件，可以滑动
11-20
7. **兼容性处理**：确保自定义的Switch控件能在不同版本的Android系统上正常工作，可能需要使用`Support Library`或者`AndroidX`库来处理API级别的差异。 8. **测试**：最后，进行全面的测试，包括各种尺寸的设备...
自定义Switch控件
04-09
首先，Switch控件是Android SDK中的一个ToggleButton的扩展，它提供了开/关两种状态的切换功能，通常用于开关选项。在Android的UI布局文件中，我们通常通过<Switch>标签来添加它。然而，系统默认的Switch样式可能...
android自定义switch
11-28
android自定义switch，在4.0以上能用。可继续优化修改，仅供参考！
android自定义Switch控件详解
12-08
基于android的Switch控件自定义，自己可以根据自己的爱好随意设置颜色和背景
android 自定义switch控件,Android自定义控件仿iOS滑块SwitchButton
weixin_33256627的博客
05-25 264
SwitchButton可以点击的时候切换状态，类似CheckBox在拖动的时候，也可以根据拖动的距离判断是否切换状态，类似ToggleButton因此要区别出单击事件和拖动事件实现效果如图所示：自定义的SwitchButton如下：public class SwitchButton extends View implements View.OnTouchListener {private Bit...
Android 自定义 Switch
yangjunjin的博客
04-07 1144
先不废话，上图 可以自定义滑块 和背景哦～ 未选中 已选中 2、开始进入代码环节 Java部分，监听和调用 mToolSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean i..
android之自定义switch
浅梦墨汐的博客
09-26 2177
希望此文可以帮助大家解决遇到的问题，若需要demo可留言或私信，尽快发给你！
Android 自定义Switch
wgd1887090122的专栏
01-22 600
最近用到Switch，但是系统的风格不尽如人意，所以决定自己自定义一个，方案有3，一个继承 CompoundButton，类似系统4.0中Switch写法完全自定义，其二，继承系统的switch组件，不过兼容性只能适配4.0以上系统，其三，就是继承View自定义，网上有很多是用系统源码改写的，有人嫌自定义view不支持点击，所以我将自己的代码贴出来，以飨读者！ /**--------------
android 关于自定义switch
weixin_30399797的博客
03-03 76
关键有两点，一个是thumb（拖动结束的大形状），一个是track（轨迹），根据字面意思理解。 @drawable/thumb_selector @drwable/track_selector 通过这两个xml里面 check和未check的图像 同理track_selector一样 转载于:https://www.cnblogs.com/breadmachine/p/10464339...
Android 自定义Switch样式
Not_Mars的博客
07-28 3136
原生Android自定义switch开关按钮，纯纯干货没有一个标点是多余的
Android 自定义Switch开关
安卓兼职framework和app工程师的博客
04-22 324
Android 普通Switch开关样式修改成自己想要的，代码如下： <Switch android:layout_width="wrap_content" android:layout_height="wrap_content" android:thumb="@drawable/switch_custom_thumb_selector" ...
Android自定义滑动开关控件ToggleView实现教程
在Android中，虽然已经内置了Switch控件，但通过自定义我们可以实现更个性化的交互和视觉效果。 自定义控件的方法主要有三种： 1. 继承已存在的Android控件，如TextView或Button，添加额外的功能和逻辑。 2. 继承...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值