学习Android的第十天

目录

Android CheckBox 复选框

获得选中的 CheckBox 的值

自定义点击效果

改变文字与选择框的相对位置

修改文字与选择框的距离

Android ToggleButton 开关按钮

改变 ToggleButton 的状态和文本

Android Switch 开关

改变 Switch 的状态和文本

Android CheckBox 复选框

Android 中的 CheckBox 是一种复选框，继承自 Button。它的主要作用是允许用户在选中和未选中状态之间切换，通常用于让用户从多个选项中选择一个或多个。

以下是一些关于 CheckBox 的重要属性和方法：

属性：

  • android:checked：设置或获取 CheckBox 的选中状态。
  • android:text：设置 CheckBox 的显示文本。

方法：

  • isChecked()：检查 CheckBox 当前是否被选中。
  • setChecked(boolean checked)：设置 CheckBox 的选中状态。

获得选中的 CheckBox 的值

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><CheckBoxandroid:id="@+id/checkBox1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="选项 1"/><CheckBoxandroid:id="@+id/checkBox2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="选项 2"/><CheckBoxandroid:id="@+id/checkBox3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="选项 3"/><Buttonandroid: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 {@Overrideprotected 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() {@Overridepublic 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"><itemandroid:state_enabled="true"android:state_checked="true"android:drawable="@drawable/checkbox_unchecked"/><itemandroid: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"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><CheckBoxandroid:id="@+id/android"android:text="C#"android:checked="true"android:button="@drawable/language_checkbox"android:layout_width="wrap_content"android:layout_height="wrap_content" /><CheckBoxandroid:id="@+id/ios"android:text="Python"android:checked="true"android:button="@drawable/language_checkbox"android:layout_width="wrap_content"android:layout_height="wrap_content" /><CheckBoxandroid: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"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><CheckBoxandroid: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 属性的一些重要信息：

  • 选择合适的属性：根据需要调整的方向（左、上、右、下），选择相应的 android:paddingLeft、android:paddingTop、android:paddingRight 或 android:paddingBottom 属性。
  • 指定间距值：为了控制文本与选择框之间的间距，可以将所需的间距值直接设置为属性的值。您可以使用像素值（如 16dp）或其他尺寸单位（如 8sp）。
  • 与其他布局属性的配合使用：android:paddingXXX 属性可以与其他布局属性一起使用，例如 android:layout_marginXXX。这样可以在不同的布局方向上添加外边距或内边距，从而更灵活地控制布局。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><CheckBoxandroid: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);

解释：

  • setButtonDrawable(R.drawable.rad_btn_selctor)：这一行设置了 RadioButton 的选择框图像为指定的选择器（selector），在选择器中定义了选中和未选中状态下的图像。
  • getResources().getDrawable(R.mipmap.ic_checkbox_checked).getIntrinsicWidth() + 5：这一行计算了 RadioButton 左边距的值。首先，它从资源中获取了选择框图像的引用，并使用 getIntrinsicWidth() 方法获取选择框图像的实际宽度。然后，它添加了一些额外的间距（这里是 5 像素），以便在图像的右侧添加一些空白区域。
  • setPadding(rb_paddingLeft, 0, 0, 0)：最后，这一行将计算得到的左边距应用到 RadioButton 上。setPadding() 方法接收四个参数，分别是左、上、右、下边距的值。在这里，只设置了左边距，而其他边距保持不变。

Android ToggleButton 开关按钮

Android 中的 ToggleButton 是一种可以在两个状态之间切换的按钮，通常用于表示启用或禁用某些功能、选项或设置。它在外观上类似于一个带有开关标志的按钮，用户可以点击它来切换状态。

ToggleButton 继承自 CompoundButton，因此它具有 CompoundButton 的所有功能，比如可以通过代码设置选中状态、监听状态变化等。除了默认的开关状态外，ToggleButton 还可以自定义开关状态的图标和颜色。

ToggleButton 提供了这些属性：

  • android:textOn：当 ToggleButton 处于打开状态时显示的文本。
  • android:textOff：当 ToggleButton 处于关闭状态时显示的文本。
  • android:disabledAlpha 当 ToggleButton 处于 禁用 时的透明度。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><ToggleButtonandroid: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 提供了一些方法和事件，用于改变或获取自身的状态和开关时的文本。下面是这些方法和事件的说明：

方法：

  • getTextOff()：获取 ToggleButton 关时显示的文本。
  • getTextOn()：获取 ToggleButton 开时显示的文本。
  • setChecked(boolean checked)：设置 ToggleButton 是否选中。
  • setTextOff(CharSequence textOff)：设置 ToggleButton 关时显示的文本。
  • setTextOn(CharSequence textOn)：设置 ToggleButton 开时显示的文本。
  • toggle()：切换 ToggleButton 的开关状态。

事件：

  • CompoundButton.OnCheckedChangeListener：当 ToggleButton 的开关状态改变时触发。

可以使用这些方法和事件来动态改变 ToggleButton 的状态和显示文本。例如，可以通过 setChecked() 方法设置 ToggleButton 的选中状态，通过 setTextOn() 和 setTextOff() 方法设置开关时显示的文本，通过 toggle() 方法切换 ToggleButton 的状态。同时，也可以通过设置 CompoundButton.OnCheckedChangeListener 来监听 ToggleButton 的状态改变事件，并在事件触发时执行相应的操作。

示例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><ToggleButtonandroid:id="@+id/toggleButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textOn="开启"android:textOff="关闭"android:checked="true" /><Buttonandroid: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;@Overrideprotected 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() {@Overridepublic 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 开关

Android 中的 Switch 组件允许用户在两种状态之间切换，通常表示打开或关闭某种功能或选项。与 ToggleButton 类似，Switch 也具有两种状态，但与 ToggleButton 不同的是，Switch 在 UI 上会同时显示开和关状态的文本，并且开关状态更加直观。

Switch (开关) 继承自 Button 和 CompoundButton，所以拥有它们的属性、方法和事件。

Switch 组件提供了一系列属性，让您可以根据需要自定义开关的外观和行为。以下是一些常用的属性：

  • android:showText：设置在开启和关闭状态时是否显示文字。
  • android:splitTrack：确定开关滑块与底部轨道之间是否显示间隔。
  • android:switchMinWidth：设置开关的最小宽度。
  • android:switchPadding：设置滑块内文字与滑块边缘之间的间距。
  • android:switchTextAppearance：设置开关的文字外观。
  • android:textOff：设置在按钮未选中时显示的文字。
  • android:textOn：设置在按钮选中时显示的文字。
  • android:textStyle：设置文字的样式，例如普通、粗体、斜体或粗斜体。
  • android:track：设置底部轨道的图片。
  • android:thumb：设置开关滑块的图片。
  • android:typeface：设置文字的字体类型，默认支持三种：sans、serif 和 monospace。

例子

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><Switchandroid: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 的状态和文本

Switch 提供了一些方法用来改变或获取自身的状态和开关时的文本

  • getTextOff()：获取 Switch 关闭时显示的文本。
  • getTextOn()：获取 Switch 打开时显示的文本。
  • setChecked(boolean checked)：设置 Switch 是否选中。
  • setTextOff(CharSequence textOff)：设置 Switch 关闭时显示的文本。
  • setTextOn(CharSequence textOn)：设置 Switch 打开时显示的文本。
  • toggle()：改变 Switch 的开关状态。
  • CompoundButton.OnCheckedChangeListener：当 Switch 的开关状态改变时触发的事件。

例子：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"><Switchandroid:id="@+id/switchButton"android:layout_width="wrap_content"android:layout_height="wrap_content" /><Buttonandroid: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 {@Overrideprotected 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() {@Overridepublic 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());}
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/465514.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

骑砍战团MOD开发(44)-可编程渲染管线shader编程

骑砍战团MOD开发(44)-可编程渲染管线shader编程

一.可编程渲染管线 在GPU进行3D模型投射到2D平面过程中,渲染管线算法对开发者开放,目前支持的编程语言有OpenGL的ARB语言(pp文件),Direct3D的HLSL高级shader编程语言(fx文件). Direct3D提供一下API实现程序加载shader着色器文件: D3DXCreateEffectFromFile(gDevice,"fxfn…
阅读更多...
《UE5_C++多人TPS完整教程》学习笔记11 ——《P12 Steam 地区（Steam Regions）》

《UE5_C++多人TPS完整教程》学习笔记11 ——《P12 Steam 地区（Steam Regions）》

本文为B站系列教学视频 《UE5_C多人TPS完整教程》 —— P12 Steam 地区&#xff08;Steam Regions&#xff09;》 的学习笔记&#xff0c;该系列教学视频为 Udemy 课程 《Unreal Engine 5 C Multiplayer Shooter》 的中文字幕翻译版&#xff0c;UP主&#xff08;也是译者&#…
阅读更多...
sheng的学习笔记-docker部署springboot

sheng的学习笔记-docker部署springboot

部署文章目录&#xff1a;目录 docker部署&#xff0c;原理&#xff0c;命令&#xff0c;可以参考&#xff1a;docker原理图&#xff0c;部署&#xff0c;命令 目录 将springboot部署到docker中 遇到过的问题&#xff1a; pom配置 操作步骤 生成jar 构建镜像 查看镜像d…
阅读更多...
使用client-only 解决组件不兼容SSR问题

使用client-only 解决组件不兼容SSR问题

目录 前言 一、解决方案 1.基于Nuxt 框架的SSR应用 2.基于vue2框架的应用 3.基于vue3框架的应用 二、总结 往期回顾 前言 最近在我的单页面SSR应用上开发JSON编辑器功能&#xff0c;在引入组件后直接客户端跳转OK&#xff0c;但是在直接加载服务端渲染的时候一直报这…
阅读更多...
java基础(3) 异常处理 -反射

java基础(3) 异常处理 -反射

异常处理 处理异常一般有两种 约定返回错误码。&#xff0c;比如读写一个文件&#xff0c;返回code为0则成功&#xff0c;返回1表示不存在&#xff0c;返回2表示没权限…在语言层面上提供一个异常处理机制。(java就属于第二种) java的异常 java内置了一套异常处理机制&…
阅读更多...
基于微信小程序的在线课堂的研究与实现，附源码

基于微信小程序的在线课堂的研究与实现，附源码

博主介绍&#xff1a;✌程序员徐师兄、7年大厂程序员经历。全网粉丝30W、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专栏推荐订阅&#x1f447;…
阅读更多...
基于matlab的密度散点图绘制

基于matlab的密度散点图绘制

1. 什么是密度散点图&#xff1f; 密度散点图就是在普通散点图的基础上&#xff0c;基于样本点一定范围的样本数计算该样本点的密度&#xff0c;以不同的颜色来显示样本点密度的大小&#xff0c;这样能够直观的显示出数据的空间聚集情况&#xff0c;如下图分别是二维和三维密度…
阅读更多...
MySQL表的基础操作

MySQL表的基础操作

创建表 create table 表名&#xff08;列名 类型&#xff0c;列名 类型……&#xff09; 注意 1.在进行表操作之前都必须选中数据库 2.表名&#xff0c;列名等一般不可以与关键字相同&#xff0c;如果确定相同&#xff0c;就必须用反引号引住 3.可以使用comment来增加字段说…
阅读更多...
大文件上传如何做断点续传？

大文件上传如何做断点续传？

文章目录 一、是什么分片上传断点续传 二、实现思路三、使用场景小结 参考文献 一、是什么 不管怎样简单的需求&#xff0c;在量级达到一定层次时&#xff0c;都会变得异常复杂 文件上传简单&#xff0c;文件变大就复杂 上传大文件时&#xff0c;以下几个变量会影响我们的用…
阅读更多...
力扣hot100 -- 哈希

力扣hot100 -- 哈希

目录 &#x1f33c;两数之和 暴力 二分 哈希 &#x1f33c;字母异位词分组 unordered_map 排序 unordered_map 计数 &#x1f33c;最长连续序列 unordered_set 跳过前驱 排序 dp &#x1f33c;两数之和 1. 两数之和 - 力扣&#xff08;LeetCode&#xff09; 暴…
阅读更多...
Mom系统初步认知

Mom系统初步认知

什么是MOM系统？ MOM指制造运营管理，是Manufacturing Operation Management的缩写；指通过协调管理企业的人员、设备、物料和能源等资源，把原材料或零件转化为产品的活动。MOM系统集成了生产计划、库存管理、生产调度、质量管理、设备维护、人员管理等功能，以实现生产效率和…
阅读更多...
前后端分离好处多多，怕就怕分工不分人，哈哈

前后端分离好处多多，怕就怕分工不分人，哈哈

前后端分离倡导多年了&#xff0c;现在基本成为了开发的主流模式了&#xff0c;贝格前端工场承接的前端项目只要不考虑seo的&#xff0c;都采用前后端分离模式&#xff0c;这篇文章就来介绍一下前后端分离模式。 一、什么是前后端分离开发模式 前后端分离是一种软件开发的架构…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023