RadioGroup实现单选框的多行排列
时间:2022-07-27
本文章向大家介绍RadioGroup实现单选框的多行排列,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
RadioGroup的使用非常简单,只是一般情况下,只能是横向排列或竖向排列.如果让多横排列的的就不是那么简单的了。
也许有童鞋该说了,将RadioButton写到LineLayout中不久行了吗?经过检验确实可以那样做,刚开始我也是这样做到.不过运行起来发现了了一个bug—单选按钮不在是单选了.而且选择事件不会被监听到.这就要求我们去想办法了.其实实现起来也不难.只要多用几个RadioGroup就可以了(要在代码中处理一些事件)。
上代码:
1.xml中的布局:
<RelativeLayout
android:id="@+id/main_tab_container"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingTop="30dp"
<RadioGroup
android:id="@+id/radio1"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_margin="5dp"
android:orientation="horizontal"
<RadioButton
android:id="@+id/rb_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="GBP英镑" /
<RadioButton
android:id="@+id/rb_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="HKD港元" /
<RadioButton
android:id="@+id/rb_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="USD美元Ԫ" /
</RadioGroup
<RadioGroup
android:id="@+id/radio2"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_below="@+id/radio1"
android:layout_margin="5dp"
android:orientation="horizontal"
<RadioButton
android:id="@+id/rb_4"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="CHF瑞士法郎" /
<RadioButton
android:id="@+id/rb_5"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="SGD新加坡元" /
<RadioButton
android:id="@+id/rb_6"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="SEK瑞典克朗" /
</RadioGroup
<RadioGroup
android:id="@+id/radio3"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_below="@+id/radio2"
android:layout_margin="5dp"
android:orientation="horizontal"
<RadioButton
android:id="@+id/rb_7"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="JPY日元" /
<RadioButton
android:id="@+id/rb_8"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="CAD加拿大元Ԫ" /
<RadioButton
android:id="@+id/rb_9"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="@dimen/RB_text_size"
android:text="AUD澳大利亚元" /
</RadioGroup
<RadioGroup
android:id="@+id/radio4"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_below="@+id/radio3"
android:layout_margin="5dp"
android:orientation="horizontal"
<RadioButton
android:id="@+id/rb_10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/RB_text_size"
android:text="EOR欧元Ԫ" /
</RadioGroup
</RelativeLayout
这样就实现了多行布局,这只是我布局中的一部分,其中 android:textSize=”@dimen/RB_text_size” 为自己定义的字体大小.
2.activity中的使用以及处理:
public class SelectMoneyActivity extends BaseActivity {
String strBtnSelected = ""; //记录选择的是哪个选项
private RadioGroup rg1, rg2, rg3, rg4;
private RadioButton rb_1, rb_2, rb_3, rb_4, rb_5, rb_6, rb_7, rb_8, rb_9, rb_10;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_select_money);
initView();
}
private void initView() {
rg1 = (RadioGroup) findViewById(R.id.radio1);
rg2 = (RadioGroup) findViewById(R.id.radio2);
rg3 = (RadioGroup) findViewById(R.id.radio3);
rg4 = (RadioGroup) findViewById(R.id.radio4);
rb_1 = (RadioButton) findViewById(R.id.rb_1);
rb_2 = (RadioButton) findViewById(R.id.rb_2);
rb_3 = (RadioButton) findViewById(R.id.rb_3);
rb_4 = (RadioButton) findViewById(R.id.rb_4);
rb_5 = (RadioButton) findViewById(R.id.rb_5);
rb_6 = (RadioButton) findViewById(R.id.rb_6);
rb_7 = (RadioButton) findViewById(R.id.rb_7);
rb_8 = (RadioButton) findViewById(R.id.rb_8);
rb_9 = (RadioButton) findViewById(R.id.rb_9);
rb_10 = (RadioButton) findViewById(R.id.rb_10);
btn_back = (Button) findViewById(R.id.btn_back);
btn_next = (Button) findViewById(R.id.btn_next);
//创建监听器,为每个RadioButton注册监听
BtnSelected btnSelected1 = new BtnSelected("1");
BtnSelected btnSelected2 = new BtnSelected("2");
BtnSelected btnSelected3 = new BtnSelected("3");
BtnSelected btnSelected4 = new BtnSelected("4");
BtnSelected btnSelected5 = new BtnSelected("5");
BtnSelected btnSelected6 = new BtnSelected("6");
BtnSelected btnSelected7 = new BtnSelected("7");
BtnSelected btnSelected8 = new BtnSelected("8");
BtnSelected btnSelected9 = new BtnSelected("9");
BtnSelected btnSelected10 = new BtnSelected("10");
rb_1.setOnClickListener(btnSelected1);
rb_2.setOnClickListener(btnSelected2);
rb_3.setOnClickListener(btnSelected3);
rb_4.setOnClickListener(btnSelected4);
rb_5.setOnClickListener(btnSelected5);
rb_6.setOnClickListener(btnSelected6);
rb_7.setOnClickListener(btnSelected7);
rb_8.setOnClickListener(btnSelected8);
rb_9.setOnClickListener(btnSelected9);
rb_10.setOnClickListener(btnSelected10);
//点击事件的监听器
public class BtnSelected implements View.OnClickListener {
private String btnId;
public BtnSelected(String str) {
btnId = str;
}
@Override
public void onClick(View v) {
strBtnSelected = btnId; //选择的某一项
isSelect = true;
//点击了第一行 ,就把另外行的点击项清空
if (btnId.equals("1") || btnId.equals("2") || btnId.equals("3")) {
rg2.clearCheck();
rg3.clearCheck();
rg4.clearCheck();
} else if (btnId.equals("4") || btnId.equals("5") || btnId.equals("6")) {
rg1.clearCheck();
rg3.clearCheck();
rg4.clearCheck();
} else if (btnId.equals("7") || btnId.equals("8") || btnId.equals("9")) {
rg1.clearCheck();
rg2.clearCheck();
rg4.clearCheck();
} else {
rg1.clearCheck();
rg2.clearCheck();
rg3.clearCheck();
}
}
}
}
已经搞定.还有一种方法就是自定义RadioGroup实现,不过这种有点复杂.我还是下班回家了.
补充:
使用RadioGroup.setcheck(RadioButton的id)初始化默认选中A按钮,但是监听不会执行的问题
解决:因为已经给A按钮在布局中设置了check=”true”; 将这个属性去掉就会执行监听了.
以上就是本文的全部内容,希望对大家的学习有所帮助。
- 小爬虫之爬取豆瓣电影排行榜1.技术路线2.任务3.分析4.运行结果5.源码
- Numpy 修炼之道 (5)—— 索引和切片
- 深入理解final关键字
- Numpy 修炼之道 (4)—— 基本运算操作
- 一些APT攻击案例分享
- 浅谈命令查询职责分离(CQRS)模式
- Numpy 修炼之道 (3)—— 数据类型
- 熔断器设计模式
- 树链剖分详解
- 洛谷P3379 【模板】最近公共祖先(LCA)(树链剖分)
- 学习使用Jieba1.Jieba2. 特点3.功能4.安装5.使用6.其他中文分词工具
- 如何使用sklearn加载和下载机器学习数据集
- 洛谷P3224 [HNOI2012]永无乡
- 手把手教你使用sklearn快速入门机器学习
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Linxu服务器上安装JDK 详细步骤
- linux 不改变目录结构移动 home 目录到新分区的操作方法
- ubuntu14.04安装opencv3.0.0的操作方法
- Linux中让alias设置永久生效的方法详解
- Centos系统下“无法打开并写入文件”问题的解决
- 如何在Linux下设置录音笔时间
- Linux下ZooKeeper分布式集群安装教程
- CentOS 6.5中利用yum搭建LNMP环境的步骤详解
- Linux下Kafka分布式集群安装教程
- Centos下升级Python及Mongodb驱动安装问题
- centOS6中使用crontab定时运行执行jar程序的脚本
- 基于cobbler 实现自动安装linux系统
- Polysh命令实现多日志查询的方法示例
- linux中启动tomcat后浏览器无法访问的解决方法
- Linux查看系统配置常用命令详解