【12】Android UI控件 - ToggleButton & Switch

最新推荐文章于 2022-08-26 22:38:32 发布

JYU_hsy

最新推荐文章于 2022-08-26 22:38:32 发布

阅读量306

点赞数

分类专栏： Android 开发笔记文章标签： ToggleButton Switch Android

本文链接：https://blog.csdn.net/weixin_40774605/article/details/99839404

版权

Android 开发笔记专栏收录该内容

31 篇文章 5 订阅

订阅专栏

前言

按照辈分来说，ToggleButton 和 Switch 都是 Button 的孙子；他们有共同的父类 CompoundButton，而 CompoundButton 是由老父亲 Button （派）生出来的。

因而，Button 支持的属性，方法很多也能应用于ToggleButton 和 Switch 。由于他两兄弟长得比较像，这里就放一起学习了。

ToggleButton

ToggleButton（开关按钮）是Android系统中比较简单的一个组件，是一个具有选中和未选中双状态的按钮，并且需要为不同的状态设置不同的显示文本。当用户在两种状态间进行切换时会触发一个 OnCheckedChange 事件。它通常用于却换程序的某种状态。

示例

XML文件

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".Togglebutton_Activity"
    android:padding="20dp"
    android:orientation="vertical"
    android:gravity="center|top">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ToggleButton"
        android:textSize="30dp" />

    <!--默认对照组-->
    <ToggleButton
        android:id="@+id/togglebutton_B"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="100dp"/>

    <!--设置text_on/text_off-->
    <ToggleButton
        android:id="@+id/togglebutton_B1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textOn="已开启"
        android:textOff="已关闭"
        android:layout_marginTop="15dp"/>

    <!--设置ToggleButton禁用透明度-->
    <ToggleButton
        android:id="@+id/togglebutton_B2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:enabled="false"
        android:disabledAlpha="50"
        android:layout_marginTop="15dp"/>

</LinearLayout>

Java文件（OnCheckedChange事件）

package com.example.mytest_button;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.ToggleButton;

public class Togglebutton_Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_togglebutton);

        final ToggleButton Oclick_toggle = findViewById(R.id.togglebutton_B);
        Oclick_toggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
                Toast.makeText(Togglebutton_Activity.this,""+ b,Toast.LENGTH_SHORT).show();
            }
        });
    }
}

效果图

Switch

Switch 是一个可以在两种状态切换之间切换的开关控件。用户可以拖动来选择，也可以像选择复选框一样点击切换Switch的状态。状态改变时，会触发一个 OnCheckedChange 事件。

示例

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".Switch_Activity"
    android:padding="20dp"
    android:orientation="vertical"
    android:gravity="center|top">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Switch"
        android:textSize="30dp"/>

    <!--Switch默认组-->
    <Switch
        android:id="@+id/switch_B"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"/>

    <!--显示文字-->
    <Switch
        android:id="@+id/switch_B1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:showText="true" />

    <!--设置间隙-->
    <Switch
        android:id="@+id/switch_B2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:splitTrack="true"/>

    <!--switch最小宽度-->
    <Switch
        android:id="@+id/switch_B3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:switchMinWidth="80dp"/>

    <!--文字外观-->
    <Switch
        android:id="@+id/switch_B4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:switchTextAppearance="@color/colorPrimary"
        />

    <!--选中/未选中字体-->
    <Switch
        android:id="@+id/switch_B5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:textOn="蓝牙已打开"
        android:textOff="蓝牙已关闭"
        android:textStyle="italic|bold" />

    <!--底部图片 滑块图片-->
    <Switch
        android:id="@+id/switch_B7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:track="@drawable/switch2"
        android:thumb="@drawable/switch1"/>

</LinearLayout>