百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

CheckBox、RadioButton与EditText的使用

wxin55 2024-11-19 12:48 8 浏览 0 评论

一、各自的功能以及使用场景

CheckBox:复选框,有两种状态,选中和未选中,一般情况下是单独出现,表示给定标题的是与非,最常见的场景就是登录界面的用户协议;

RadioButton:单选按钮,也是有选中和未选中两种状态,但它是多个一起出现,最常见的是它与RadioGroup配套使用,用于多选一的情况;

EditText:编辑框,用于文本输入,使用场景很多,例如:登录界面的用户名和密码的输入、聊天界面的输入框、浏览器或者其他地方的搜索框等

二、添加控件到布局

1、打开之前创建好的项目,打开activity_main.xml文件,然后添加上述控件,如图1


2、出于个人使用习惯,我把之前创建的按钮放在了最后面,为了方便截图,我把RadioGroup折叠起来了,其内容如下

<RadioGroup
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <RadioButton
        android:id="@+id/rb01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:text="选项一"/>
    <RadioButton
        android:id="@+id/rb02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项二"/>
    <RadioButton
        android:id="@+id/rb03"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项三"/>
</RadioGroup>

三、绑定控件

1、打开MainActivity.java,先对代码做如下调整,即定义和绑定控件


public class MainActivity extends AppCompatActivity {

    private TextView tvText;
    private Button btnChange;
    //2022-09-04添加代码
    private CheckBox cbAgreement;
    private RadioButton rbItem1;
    private RadioButton rbItem2;
    private EditText etContent;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        setListener();
    }

    private void setListener() {
        btnChange.setOnClickListener((v)->{
            tvText.setText("我是点击后的文本");
        });
    }

    private void initView() {
        tvText=findViewById(R.id.tv_text);
        btnChange=findViewById(R.id.btn_change);
        //2022-09-04添加代码
        cbAgreement=findViewById(R.id.cb_agreement);
        rbItem1=findViewById(R.id.rb01);
        rbItem2=findViewById(R.id.rb02);
        etContent=findViewById(R.id.et_content);
    }
}

2、调整按钮的点击事件,获取各个控件的取值

btnChange.setOnClickListener((v)->{
    if (!cbAgreement.isChecked()){
        Toast.makeText(this,"同意协议才能继续喔~",Toast.LENGTH_SHORT).show();
        return;
    }
    String str=etContent.getText().toString();
    String selectStr="选项三";
    if (rbItem1.isChecked()){
        selectStr="选项一";
    }else if (rbItem2.isChecked()){
        selectStr="选项二";
    }
    tvText.setText("您的选择是:"+selectStr+",您输入了以下内容:"+str);
});

四、EditText支持的方法

因为EditText在日常使用还是蛮多的,这里贴出官网提供的其它方法

Public methods

void

extendSelection(int index)

Convenience for Selection#extendSelection.

CharSequence

getAccessibilityClassName()

Return the class name of this object to be used for accessibility purposes.

boolean

getFreezesText()

Return whether this text view is including its entire text contents in frozen icicles.

Editable

getText()

Return the text that TextView is displaying.

void

selectAll()

Convenience for Selection#selectAll.

void

setEllipsize(TextUtils.TruncateAt ellipsis)

Causes words in the text that are longer than the view's width to be ellipsized instead of broken in the middle.

void

setSelection(int start, int stop)

Convenience for Selection#setSelection(Spannable, int, int).

void

setSelection(int index)

Convenience for Selection#setSelection(Spannable, int).

void

setText(CharSequence text, TextView.BufferType type)

Sets the text to be displayed and the TextView.BufferType.

五、补充知识

1、双斜线“//”表示单行注释,编译器不会执行,一般用于开发者对自己代码的补充说明或修改记录;

2、可以看到无论是单选按钮还是复选框,我都用到了“isChecked()”方法,它就是用于判断当前控件是否选中;

3、Toast的使用,Toast.makeText(上下文,文本内容,显示长短).show();

4、遇到"return"关键字,后面的代码不再执行

相关推荐

ES6中 Promise的使用场景?(es6promise用法例子)

一、介绍Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码doSomething(f...

JavaScript 对 Promise 并发的处理方法

Promise对象代表一个未来的值,它有三种状态:pending待定,这是Promise的初始状态,它可能成功,也可能失败,前途未卜fulfilled已完成,这是一种成功的状态,此时可以获取...

Promise的九大方法(promise的实例方法)

1、promise.resolv静态方法Promise.resolve(value)可以认为是newPromise方法的语法糖,比如Promise.resolve(42)可以认为是以下代码的语...

360前端一面~面试题解析(360前端开发面试题)

1.组件库按需加载怎么做的,具体打包配了什么-按需加载实现:借助打包工具(如Webpack的require.context或ES模块动态导入),在使用组件时才引入对应的代码。例如在V...

前端面试-Promise 的 finally 怎么实现的?如何在工作中使用?

Promise的finally方法是一个非常有用的工具,它无论Promise是成功(fulfilled)还是失败(rejected)都会执行,且不改变Promise的最终结果。它的实现原...

最简单手写Promise,30行代码理解Promise核心原理和发布订阅模式

看了全网手写Promise的,大部分对于新手还是比较难理解的,其中几个比较难的点:状态还未改变时通过发布订阅模式去收集事件实例化的时候通过调用构造函数里传出来的方法去修改类里面的状态,这个叫Re...

前端分享-Promise可以中途取消啦(promise可以取消吗)

传统Promise就像一台需要手动组装的设备,每次使用都要重新接线。而Promise.withResolvers的出现,相当于给开发者发了一个智能遥控器,可以随时随地控制异步操作。它解决了三大...

手写 Promise(手写输入法 中文)

前言都2020年了,Promise大家肯定都在用了,但是估计很多人对其原理还是一知半解,今天就让我们一起实现一个符合PromiseA+规范的Promise。附PromiseA+规范地址...

什么是 Promise.allSettled()!新手老手都要会?

Promise.allSettled()方法返回一个在所有给定的promise都已经fulfilled或rejected后的promise,并带有一个对象数组,每个对象表示对应的pr...

前端面试-关于Promise解析与高频面试题示范

Promise是啥,直接上图:Promise就是处理异步函数的API,它可以包裹一个异步函数,在异步函数完成时抛出完成状态,让代码结束远古时无限回掉的窘境。配合async/await语法糖,可...

宇宙厂:为什么前端离不开 Promise.withResolvers() ?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发。1.为什么需要Promise.with...

Promise 新增了一个超实用的 API!

在JavaScript的世界里,Promise一直是处理异步操作的神器。而现在,随着ES2025的发布,Promise又迎来了一个超实用的新成员——Promise.try()!这个新方法简...

一次搞懂 Promise 异步处理(promise 异步顺序执行)

PromisePromise就像这个词的表面意识一样,表示一种承诺、许诺,会在后面给出一个结果,成功或者失败。现在已经成为了主流的异步编程的操作方式,写进了标准里面。状态Promise有且仅有...

Promise 核心机制详解(promise机制的实现原理)

一、Promise的核心状态机Promise本质上是一个状态机,其行为由内部状态严格管控。每个Promise实例在创建时处于Pending(等待)状态,此时异步操作尚未完成。当异步操作成功...

javascript——Promise(js实现promise)

1.PromiseES6开始支持,Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。简单说就是处理异步请求的。之所以叫Promise,就是我承诺,如果成功则怎么处理,失败怎...

取消回复欢迎 发表评论: