赞
踩
目录
Android 中的 CheckBox 是一种复选框,继承自 Button。它的主要作用是允许用户在选中和未选中状态之间切换,通常用于让用户从多个选项中选择一个或多个。
以下是一些关于 CheckBox 的重要属性和方法:
属性:
方法:
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <CheckBox
- android:id="@+id/checkBox1"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="选项 1"/>
-
- <CheckBox
- android:id="@+id/checkBox2"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="选项 2"/>
-
- <CheckBox
- android:id="@+id/checkBox3"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="选项 3"/>
-
- <Button
- android:id="@+id/showButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="显示所选复选框值"/>
-
-
-
- </LinearLayout>
- package com.example.myapplication;
-
- import android.os.Bundle;
- import android.view.View;
- import android.widget.CheckBox;
- import android.widget.Toast;
-
- import androidx.appcompat.app.AppCompatActivity;
-
- import java.util.ArrayList;
- import java.util.List;
-
- public class MainActivity extends AppCompatActivity {
-
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
-
- final CheckBox checkBox1 = findViewById(R.id.checkBox1);
- final CheckBox checkBox2 = findViewById(R.id.checkBox2);
- final CheckBox checkBox3 = findViewById(R.id.checkBox3);
-
- findViewById(R.id.showButton).setOnClickListener(new View.OnClickListener() {
- @Override
- public void onClick(View v) {
- StringBuilder selectedValues = new StringBuilder();
-
- if (checkBox1.isChecked()) {
- selectedValues.append(checkBox1.getText()).append("\n");
- }
- if (checkBox2.isChecked()) {
- selectedValues.append(checkBox2.getText()).append("\n");
- }
- if (checkBox3.isChecked()) {
- selectedValues.append(checkBox3.getText()).append("\n");
- }
-
- // 显示选中的值
- if (selectedValues.length() > 0) {
- Toast.makeText(MainActivity.this, "选中的值:" + selectedValues.toString(), Toast.LENGTH_SHORT).show();
- } else {
- Toast.makeText(MainActivity.this, "没有选中任何值", Toast.LENGTH_SHORT).show();
- }
- }
- });
- }
- }
-
先将图片放到res/drawable 目录下
1、在 res/drawable 目录下新建 selctor 资源文件 language_checkbox.xml ,用于设置选中与没选中时的切换图片
- <?xml version="1.0" encoding="utf-8"?>
- <selector xmlns:android="http://schemas.android.com/apk/res/android">
- <item
- android:state_enabled="true"
- android:state_checked="true"
- android:drawable="@drawable/checkbox_unchecked"/>
- <item
- android:state_enabled="true"
- android:state_checked="false"
- android:drawable="@drawable/checkbox_checked" />
- </selector>
2、修改 activity_main.xml 添加几个 RadioButton ,通过属性 android:button="@drawable/language_checkbox"
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <CheckBox
- android:id="@+id/android"
- android:text="C#"
- android:checked="true"
- android:button="@drawable/language_checkbox"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content" />
-
- <CheckBox
- android:id="@+id/ios"
- android:text="Python"
- android:checked="true"
- android:button="@drawable/language_checkbox"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content" />
-
- <CheckBox
- android:id="@+id/java"
- android:text="Java"
- android:checked="true"
- android:button="@drawable/language_checkbox"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content" />
- </LinearLayout>
可以使用 android:button="@null" 来移除原生的选择框,并使用 android:drawableTop、android:drawableLeft、android:drawableRight 或 android:drawableBottom 属性来设置文本和选择框的相对位置。
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <CheckBox
- android:id="@+id/customCheckBox"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="自定义复选框"
- android:button="@null"
- android:drawableLeft="@android:drawable/btn_radio"
- android:drawablePadding="8dp"
- android:gravity="center_vertical"
- android:paddingLeft="10dp"/>
-
- </LinearLayout>
在这个示例中,我使用了 android:drawableLeft="@android:drawable/btn_radio" 将选择框放置在文本的左边,并通过设置 android:drawablePadding 属性来调整选择框和文本之间的间距。我们还通过设置 android:gravity="center_vertical" 将文本垂直居中,并通过设置 android:paddingLeft 属性来调整选择框和左边边界的间距。
对于调整文字与选择框之间的距离,可以使用以下两种方法:
方法一:在 XML 中使用 android:paddingXXX 属性
可以直接在 XML 布局文件中使用 android:paddingXXX 属性来控制文字与选择框之间的距离。这种方法简单直接。
以下是关于使用 android:paddingXXX 属性的一些重要信息:
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <CheckBox
- android:id="@+id/customCheckBox"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="自定义复选框"
- android:button="@null"
- android:drawableLeft="@android:drawable/btn_radio"
- android:drawablePadding="8dp"
- android:gravity="center_vertical"
- android:paddingLeft="10dp"/>
-
- </LinearLayout>
在这个示例中,android:paddingLeft="10dp" 属性将文本与选择框的左边距设置为 10dp,这样就可以控制它们之间的间距。
方法二:使用 Java 代码动态计算 paddingLeft
- // 设置 RadioButton 的选择框图像为指定的选择器(selector)
- rb.setButtonDrawable(R.drawable.rad_btn_selctor);
-
- // 计算 RadioButton 左边距的值,这里将选择框图像的宽度(加上一些额外的间距)作为左边距
- int rb_paddingLeft = getResources().getDrawable(R.mipmap.ic_checkbox_checked).getIntrinsicWidth() + 5;
-
- // 将计算得到的左边距应用到 RadioButton 上,这里只设置了左边距,其余边距保持不变
- rb.setPadding(rb_paddingLeft, 0, 0, 0);
解释:
Android 中的 ToggleButton 是一种可以在两个状态之间切换的按钮,通常用于表示启用或禁用某些功能、选项或设置。它在外观上类似于一个带有开关标志的按钮,用户可以点击它来切换状态。
ToggleButton 继承自 CompoundButton,因此它具有 CompoundButton 的所有功能,比如可以通过代码设置选中状态、监听状态变化等。除了默认的开关状态外,ToggleButton 还可以自定义开关状态的图标和颜色。
ToggleButton 提供了这些属性:
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <ToggleButton
- android:id="@+id/toggleButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:disabledAlpha="1"
- android:enabled="false"
- android:textOn="开启"
- android:textOff="关闭" />
- </LinearLayout>
也可以在 Java 代码中动态设置这些文本,例如:
- ToggleButton toggleButton = findViewById(R.id.toggleButton);
- toggleButton.setTextOn("启用");
- toggleButton.setTextOff("禁用");
ToggleButton 提供了一些方法和事件,用于改变或获取自身的状态和开关时的文本。下面是这些方法和事件的说明:
方法:
事件:
可以使用这些方法和事件来动态改变 ToggleButton 的状态和显示文本。例如,可以通过 setChecked() 方法设置 ToggleButton 的选中状态,通过 setTextOn() 和 setTextOff() 方法设置开关时显示的文本,通过 toggle() 方法切换 ToggleButton 的状态。同时,也可以通过设置 CompoundButton.OnCheckedChangeListener 来监听 ToggleButton 的状态改变事件,并在事件触发时执行相应的操作。
示例
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <ToggleButton
- android:id="@+id/toggleButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textOn="开启"
- android:textOff="关闭"
- android:checked="true" />
-
- <Button
- android:id="@+id/button"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="改变状态和文本" />
- </LinearLayout>
- package com.example.myapplication;
- import androidx.appcompat.app.AppCompatActivity;
-
- import android.os.Bundle;
- import android.view.View;
- import android.widget.Button;
- import android.widget.CompoundButton;
- import android.widget.ToggleButton;
-
- public class MainActivity extends AppCompatActivity {
-
- private ToggleButton toggleButton;
- private Button button;
-
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
-
- toggleButton = findViewById(R.id.toggleButton);
- button = findViewById(R.id.button);
-
- button.setOnClickListener(new View.OnClickListener() {
- @Override
- public void onClick(View v) {
- // 切换 ToggleButton 的状态
- toggleButton.toggle();
-
- // 获取 ToggleButton 的当前状态
- boolean isChecked = toggleButton.isChecked();
-
- // 根据当前状态设置不同的文本
- if (isChecked) {
- toggleButton.setTextOn("已开启");
- toggleButton.setTextOff("关闭");
- } else {
- toggleButton.setTextOn("开启");
- toggleButton.setTextOff("已关闭");
- }
- }
- });
- }
- }
Android 中的 Switch 组件允许用户在两种状态之间切换,通常表示打开或关闭某种功能或选项。与 ToggleButton 类似,Switch 也具有两种状态,但与 ToggleButton 不同的是,Switch 在 UI 上会同时显示开和关状态的文本,并且开关状态更加直观。
Switch (开关) 继承自 Button 和 CompoundButton,所以拥有它们的属性、方法和事件。
Switch 组件提供了一系列属性,让您可以根据需要自定义开关的外观和行为。以下是一些常用的属性:
例子
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <Switch
- android:id="@+id/switchButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textOn="开"
- android:textOff="关"
- android:checked="true"
- android:showText="true"
- android:layout_margin="16dp"
- android:switchPadding="8dp"
- android:switchMinWidth="120dp"
- android:textStyle="bold"
- android:textSize="16sp"
- android:layout_gravity="center"/>
-
- </LinearLayout>
Switch 提供了一些方法用来改变或获取自身的状态和开关时的文本
例子:
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- android:gravity="center">
-
- <Switch
- android:id="@+id/switchButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content" />
-
- <Button
- android:id="@+id/changeButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="切换开关" />
-
-
- </LinearLayout>
- package com.example.myapplication;
- import androidx.appcompat.app.AppCompatActivity;
-
- import android.os.Bundle;
- import android.view.View;
- import android.widget.Button;
- import android.widget.CompoundButton;
- import android.widget.Switch;
- import android.widget.Toast;
- import android.widget.ToggleButton;
-
- public class MainActivity extends AppCompatActivity {
-
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
-
-
- Switch switchButton = findViewById(R.id.switchButton);
-
- // 设置 Switch 关闭时的文本
- switchButton.setTextOff("Off");
- // 设置 Switch 打开时的文本
- switchButton.setTextOn("On");
-
- // 设置 Switch 的初始状态为打开
- switchButton.setChecked(true);
-
- // 设置 Switch 的状态改变监听器
- switchButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
- @Override
- public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
- if (isChecked) {
- // Switch 打开时的操作
- Toast.makeText(MainActivity.this, "开关打开", Toast.LENGTH_SHORT).show();
- } else {
- // Switch 关闭时的操作
- Toast.makeText(MainActivity.this, "开关关闭", Toast.LENGTH_SHORT).show();
- }
- }
- });
-
- // 点击按钮来改变 Switch 的状态
- findViewById(R.id.changeButton).setOnClickListener(v -> switchButton.toggle());
- }
- }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。