Android之CheckBox、RadioButton、ToggleButton
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Android之CheckBox、RadioButton、ToggleButton，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含12727字，纯文字阅读大概需要19分钟。
内容图文
1.首先我们找到一个API文档中的Demo大概是如下图所示
2.XML布局文件为
1
<?
xml version="1.0" encoding="utf-8"
?>
2
<!--
最外面的布局文件为线性布局，控件纵向摆放
-->
3
<
LinearLayout
xmlns:android
="http://schemas.android.com/apk/res/android"
4
xmlns:tools
="http://schemas.android.com/tools"
5
android:layout_width
="match_parent"
6
android:layout_height
="match_parent"
7
android:orientation
="vertical"
8
tools:context
=".ButtonWidgetActivity"
>
9
<!--
第一个内嵌布局为相对布局
-->
10
<
RelativeLayout
11
android:layout_width
="match_parent"
12
android:layout_height
="match_parent"
13
android:layout_weight
="10"
>
14
<!--
第一个内嵌布局中的第一个控件为TextView，用于显示文本信息
-->
15
<
TextView
16
android:id
="@+id/cb_name_tv"
17
android:layout_width
="wrap_content"
18
android:layout_height
="wrap_content"
19
android:text
="复选框"
20
android:textSize
="22sp"
/>
21
<!--
第一个内嵌布局中的第二个控件为TextView，用于显示文本信息
-->
22
<
TextView
23
android:id
="@+id/cb_tv"
24
android:layout_width
="wrap_content"
25
android:layout_height
="wrap_content"
26
android:layout_below
="@+id/cb_name_tv"
27
android:layout_marginTop
="10dp"
28
android:text
="未被选中"
29
android:textSize
="18sp"
/>
30
<!--
第一个内嵌布局中的第三个控件为CheckBox，用于显示复选框
-->
31
<
CheckBox
32
android:id
="@+id/check_box"
33
android:layout_width
="wrap_content"
34
android:layout_height
="wrap_content"
35
android:layout_alignBaseline
="@+id/cb_tv"
36
android:layout_marginLeft
="20dp"
37
android:layout_toRightOf
="@+id/cb_tv"
38
android:text
="复选框"
39
android:textSize
="18sp"
/>
40
</
RelativeLayout
>
41
<!--
第二个内嵌布局为相对布局
-->
42
<
RelativeLayout
43
android:layout_width
="match_parent"
44
android:layout_height
="match_parent"
45
android:layout_weight
="10"
>
46
<!--
第二个内嵌布局中的第一个控件为TextView，用于显示文本信息
-->
47
<
TextView
48
android:id
="@+id/rb_name_tv"
49
android:layout_width
="wrap_content"
50
android:layout_height
="wrap_content"
51
android:text
="点选"
52
android:textSize
="22sp"
/>
53
<!--
第二个内嵌布局中的第二个控件为TextView，用于显示文本信息
-->
54
<
TextView
55
android:id
="@+id/rb_tv"
56
android:layout_width
="wrap_content"
57
android:layout_height
="wrap_content"
58
android:layout_below
="@+id/rb_name_tv"
59
android:layout_marginTop
="10dp"
60
android:textSize
="18sp"
/>
61
<!--
第二个内嵌布局中的第三个控件为RadioGroup，用于包裹一组单选按钮
-->
62
<
RadioGroup
63
android:id
="@+id/radio_group"
64
android:layout_width
="fill_parent"
65
android:layout_height
="fill_parent"
66
android:layout_below
="@+id/rb_tv"
67
android:checkedButton
="@+id/rb1"
68
android:orientation
="horizontal"
>
69
<!--
RadioGroup中第一个单选按钮，用于显示单选框
-->
70
<
RadioButton
71
android:id
="@+id/rb1"
72
android:layout_width
="wrap_content"
73
android:layout_height
="wrap_content"
74
android:text
="单选1"
75
android:textSize
="18sp"
>
76
</
RadioButton
>
77
<!--
RadioGroup中第二个单选按钮，用于显示单选框
-->
78
<
RadioButton
79
android:id
="@+id/rb2"
80
android:layout_width
="wrap_content"
81
android:layout_height
="wrap_content"
82
android:text
="单选2"
83
android:textSize
="18sp"
>
84
</
RadioButton
>
85
<!--
RadioGroup中第三个单选按钮，用于显示单选框
-->
86
<
RadioButton
87
android:id
="@+id/rb3"
88
android:layout_width
="wrap_content"
89
android:layout_height
="wrap_content"
90
android:text
="单选3"
91
android:textSize
="18sp"
>
92
</
RadioButton
>
93
</
RadioGroup
>
94
</
RelativeLayout
>
95
<!--
第三个内嵌布局为相对布局
-->
96
<
RelativeLayout
97
android:layout_width
="match_parent"
98
android:layout_height
="match_parent"
99
android:layout_weight
="10"
>
100
<!--
第三个内嵌布局中的第一个控件为TextView，用于显示文本信息
-->
101
<
TextView
102
android:id
="@+id/tb_name_tv"
103
android:layout_width
="wrap_content"
104
android:layout_height
="wrap_content"
105
android:text
="开关按钮"
106
android:textSize
="22sp"
/>
107
<!--
第三个内嵌布局中的第二个控件为TextView，用于显示文本信息
-->
108
<
TextView
109
android:id
="@+id/tb_tv"
110
android:layout_width
="wrap_content"
111
android:layout_height
="wrap_content"
112
android:layout_below
="@+id/tb_name_tv"
113
android:layout_marginTop
="10dp"
114
android:text
="开"
115
android:textSize
="18sp"
/>
116
<!--
第三个内嵌布局中的第三个控件为ToggleButton，用于显示开关按钮
-->
117
<
ToggleButton
118
android:id
="@+id/toggle_button"
119
android:layout_width
="wrap_content"
120
android:layout_height
="wrap_content"
121
android:layout_below
="@+id/tb_tv"
122
android:textOff
="点击以打开"
123
android:textOn
="点击以关闭"
/>
124
</
RelativeLayout
>
125
</
LinearLayout
>
3.老师在讲完视频后布置了一个小作业
注册界面
性别：后面是单选框
爱好：后面是多选框
开关按钮：按下时是记住状态
4.经过两个小时的操作我终于写出来了
XML布局文件如下所示：
1
<?
xml version="1.0" encoding="utf-8"
?>
2
<!--
最外面的布局文件为线性布局，控件纵向摆放
-->
3
<
LinearLayout
xmlns:android
="http://schemas.android.com/apk/res/android"
4
xmlns:tools
="http://schemas.android.com/tools"
5
android:layout_width
="match_parent"
6
android:layout_height
="match_parent"
7
android:orientation
="vertical"
8
tools:context
=".ButtonWidgetActivity"
>
9
10
<
TextView
11
12
android:layout_width
="wrap_content"
13
android:layout_height
="wrap_content"
14
android:layout_marginTop
="50dp"
15
android:layout_marginLeft
="100dp"
16
android:textSize
="50px"
17
android:text
="注册界面"
/>
18
19
<!--
第一个内嵌布局为相对布局 男女
-->
20
<
RelativeLayout
21
android:layout_width
="match_parent"
22
android:layout_height
="match_parent"
23
android:layout_weight
="10"
>
24
<!--
第一个内嵌布局中的第一个控件为TextView，用于显示文本信息
-->
25
<
TextView
26
android:id
="@+id/rb_name_tv"
27
android:layout_width
="wrap_content"
28
android:layout_height
="wrap_content"
29
android:text
="性别："
30
android:textSize
="22sp"
/>
31
32
<!--
第一个内嵌布局中的第三个控件为RadioGroup，用于包裹一组单选按钮
-->
33
<
RadioGroup
34
android:id
="@+id/radio_group"
35
android:layout_width
="fill_parent"
36
android:layout_height
="fill_parent"
37
android:layout_marginLeft
="60dp"
38
android:checkedButton
="@+id/rb1"
39
android:orientation
="horizontal"
>
40
<!--
RadioGroup中第一个单选按钮，用于显示单选框
-->
41
<
RadioButton
42
android:id
="@+id/rb1"
43
android:layout_width
="wrap_content"
44
android:layout_height
="wrap_content"
45
android:text
="男"
46
android:textSize
="18sp"
>
47
</
RadioButton
>
48
<!--
RadioGroup中第二个单选按钮，用于显示单选框
-->
49
<
RadioButton
50
android:id
="@+id/rb2"
51
android:layout_width
="wrap_content"
52
android:layout_height
="wrap_content"
53
android:text
="女"
54
android:textSize
="18sp"
>
55
</
RadioButton
>
56
</
RadioGroup
>
57
</
RelativeLayout
>
58
59
<!--
第二个内嵌布局为相对布局 爱好
-->
60
<
RelativeLayout
61
android:layout_width
="match_parent"
62
android:layout_height
="match_parent"
63
android:layout_weight
="10"
>
64
<!--
第二个内嵌布局中的第一个控件为TextView，用于显示文本信息
-->
65
<
TextView
66
android:id
="@+id/cb_name_tv"
67
android:layout_width
="wrap_content"
68
android:layout_height
="wrap_content"
69
android:text
="爱好："
70
android:textSize
="22sp"
/>
71
72
73
<!--
第二个内嵌布局中的第三个控件为CheckBox，用于显示复选框
-->
74
<
CheckBox
75
android:id
="@+id/check_box1"
76
android:layout_width
="wrap_content"
77
android:layout_height
="wrap_content"
78
android:layout_alignBaseline
="@+id/cb_name_tv"
79
android:layout_marginLeft
="20dp"
80
android:layout_toRightOf
="@+id/cb_name_tv"
81
android:text
="篮球"
82
android:textSize
="18sp"
/>
83
<
CheckBox
84
android:id
="@+id/check_box2"
85
android:layout_width
="wrap_content"
86
android:layout_height
="wrap_content"
87
android:layout_alignBaseline
="@+id/check_box1"
88
android:layout_marginLeft
="20dp"
89
android:layout_toRightOf
="@+id/check_box1"
90
android:text
="音乐"
91
android:textSize
="18sp"
/>
92
93
<
CheckBox
94
android:id
="@+id/check_box3"
95
android:layout_width
="wrap_content"
96
android:layout_height
="wrap_content"
97
android:layout_alignBaseline
="@+id/check_box2"
98
android:layout_marginLeft
="20dp"
99
android:layout_toRightOf
="@+id/check_box2"
100
android:text
="计算机"
101
android:textSize
="18sp"
/>
102
<
CheckBox
103
android:id
="@+id/check_box4"
104
android:layout_width
="wrap_content"
105
android:layout_height
="wrap_content"
106
android:layout_below
="@+id/check_box3"
107
android:layout_marginLeft
="85dp"
108
android:text
="电脑游戏"
109
android:textSize
="18sp"
/>
110
<
CheckBox
111
android:id
="@+id/check_box5"
112
android:layout_width
="wrap_content"
113
android:layout_height
="wrap_content"
114
android:layout_below
="@+id/check_box3"
115
android:layout_toRightOf
="@+id/check_box4"
116
android:layout_marginLeft
="20dp"
117
118
android:text
="学习"
119
android:textSize
="18sp"
/>
120
121
</
RelativeLayout
>
122
123
<!--
第三个内嵌布局为相对布局
-->
124
<
RelativeLayout
125
android:layout_width
="match_parent"
126
android:layout_height
="match_parent"
127
android:layout_weight
="10"
>
128
<!--
第三个内嵌布局中的第一个控件为TextView，用于显示文本信息
-->
129
<
TextView
130
android:id
="@+id/tb_name_tv"
131
android:layout_width
="wrap_content"
132
android:layout_height
="wrap_content"
133
android:text
="开关按钮："
134
android:textSize
="22sp"
/>
135
136
<!--
第三个内嵌布局中的第三个控件为ToggleButton，用于显示开关按钮
-->
137
<
ToggleButton
138
android:id
="@+id/toggle_button"
139
android:layout_width
="wrap_content"
140
android:layout_height
="wrap_content"
141
android:layout_toRightOf
="@+id/tb_name_tv"
142
android:layout_marginLeft
="20dp"
143
144
android:textOff
="还没记住"
145
android:textOn
="记住状态"
/>
146
<!--
第三个内嵌布局中的第二个控件为TextView，用于显示文本信息
-->
147
<
TextView
148
android:id
="@+id/tb_tv"
149
android:layout_width
="wrap_content"
150
android:layout_height
="wrap_content"
151
android:layout_below
="@+id/tb_name_tv"
152
android:layout_marginTop
="10dp"
153
android:text
=" 123"
154
android:textSize
="18sp"
/>
155
156
</
RelativeLayout
>
157
</
LinearLayout
>
MainActivity.java代码如下所示
1
package
com.example.android_text7;
2
3
import
android.os.Bundle;
4
import
java.util.ArrayList;
5
import
java.util.List;
6
import
android.app.Activity;
7
import
android.view.Menu;
8
import
android.widget.CheckBox;
9
import
android.widget.CompoundButton;
10
import
android.widget.CompoundButton.OnCheckedChangeListener;
11
import
android.widget.RadioButton;
12
import
android.widget.TextView;
13
import
android.widget.ToggleButton;
14
15
16
public
class MainActivity extends Activity {
17private RadioButton rb1;
18private RadioButton rb2;
19private CheckBox CheckBox1;
20private CheckBox CheckBox2;
21private CheckBox CheckBox3;
22private CheckBox CheckBox4;
23private CheckBox CheckBox5;
24private ToggleButton toggle_button;
25 26private TextView tb_tv;
27private List<RadioButton> radioButtonList = new ArrayList<RadioButton>();
28private List<CheckBox> checkBoxList = new ArrayList<CheckBox>();
29 @Override
30protectedvoid onCreate(Bundle savedInstanceState) {
31super.onCreate(savedInstanceState);
32 setContentView(R.layout.activity_main);
33 initViews();
34 35 36 }
37 38privatevoid initViews() {
39 rb1 = (RadioButton) findViewById(R.id.rb1);
40 rb2 = (RadioButton) findViewById(R.id.rb2);
41 CheckBox1 = (CheckBox) findViewById(R.id.check_box1);
42 CheckBox2 = (CheckBox) findViewById(R.id.check_box2);
43 CheckBox3 = (CheckBox) findViewById(R.id.check_box3);
44 CheckBox4 = (CheckBox) findViewById(R.id.check_box4);
45 CheckBox5 = (CheckBox) findViewById(R.id.check_box5);
46 toggle_button = (ToggleButton) findViewById(R.id.toggle_button);
47 48 tb_tv = (TextView) findViewById(R.id.tb_tv);
49 50 radioButtonList.add(rb1);
51 radioButtonList.add(rb2);
52 53 checkBoxList.add(CheckBox1);
54 checkBoxList.add(CheckBox2);
55 checkBoxList.add(CheckBox3);
56 checkBoxList.add(CheckBox4);
57 checkBoxList.add(CheckBox5);
58 59 60 61 62//toggle_button事件监听 63 toggle_button.setOnCheckedChangeListener(new OnCheckedChangeListener() {
64 65 @Override
66publicvoid onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
67// TODO Auto-generated method stub
68// StringBuffer 线程安全的 （会降低执行速度） ，StringBuilder 非线程安全的 69 StringBuffer cb = new StringBuffer();
70 StringBuffer rb = new StringBuffer();
71 72for (RadioButton radioButton : radioButtonList) {
73if (radioButton.isChecked()) {
74 rb.append(radioButton.getText().toString() + " ");
75 }
76 }
77//输出 78for (CheckBox checkbox : checkBoxList) {
79if (checkbox.isChecked()) {
80 cb.append(checkbox.getText().toString() + " ");
81 }
82 }
83if (cb != null && "".equals(cb.toString())) {
84 tb_tv.setText("你还没有选择！");
85 } else {
86 87 tb_tv.setText("你的性别是："+rb.toString()+"\n你的爱好是："+cb.toString());
88 }
89 }
90 });
91 }
92 93 @Override
94publicboolean onCreateOptionsMenu(Menu menu) {
95// Inflate the menu; this adds items to the action bar if it is present. 96 getMenuInflater().inflate(R.menu.main, menu);
97returntrue;
98 }
99100 }
搞定，睡觉觉！
原文：https://www.cnblogs.com/ma1998/p/12571911.html
内容总结
以上是互联网集市为您收集整理的Android之CheckBox、RadioButton、ToggleButton全部内容，希望文章能够帮你解决Android之CheckBox、RadioButton、ToggleButton所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】