Android RadioGroup显示多行的RadioButton，可点击单选！！！

最新推荐文章于 2024-06-13 07:15:00 发布
最新推荐文章于 2024-06-13 07:15:00 发布
阅读量1.3k 收藏 5
点赞数 2
分类专栏： Android 文章标签： Android RadioGroup RadioButton
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Locaslove/article/details/88676045
版权

说明：一开始也是要用RadioGroup来添加单选按钮，但是想分成两行，原先想的办法是用一个RadioGroup内部嵌套两个LinearLayout，在添加RadioButton，但是发现在添加

setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener()

监听器时候发现没效果了，百度其他大佬的文章也是不太好实现，之后我改成两个RadioGroup去实现，发先独自的一行可以实现了，但是出现了两个选项被选中的状态，后来百度说可以在点击其中一个Group的Button的时候用clearCheck()去清除另一个Group的选中状态，但是发现在监听器里面这个会报错StackOveflowError错误，实在难受，之后我用了一个最简单的办法，代码在下面，边讲解边看代码

 

先上效果图：

 

接下来就是代码

下面是XML的布局代码

（一些样式的设置就不给出来了，大体实现这个功能的代码在）

<RadioGroup
    android:id="@+id/radiogroup_equip_one"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    android:layout_marginTop="10dp">

    <RadioButton
        android:id="@+id/radiobtn_arms"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="武 器"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:checked="true"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        />
    <RadioButton
        android:id="@+id/radiobtn_clothes"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="衣 服"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        android:layout_marginLeft="25dp"
        />
    <RadioButton
        android:id="@+id/radiobtn_trousers"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="裤 子"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        android:layout_marginLeft="25dp"
        />
    <RadioButton
        android:id="@+id/radiobtn_title"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="称 号"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        android:layout_marginLeft="25dp"
        />
</RadioGroup>
<RadioGroup
    android:id="@+id/radiogroup_equip_two"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    android:layout_marginTop="5dp"
    android:layout_marginBottom="10dp">

    <RadioButton
        android:id="@+id/radiobtn_necklace"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="项 链"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        />
    <RadioButton
        android:id="@+id/radiobtn_ring"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="戒 指"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        android:layout_marginLeft="25dp"
        />
    <RadioButton
        android:id="@+id/radiobtn_bracelet"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="手 镯"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        android:layout_marginLeft="25dp"
        />
    <RadioButton
        android:id="@+id/radiobtn_horcruxes"
        android:layout_width="40dp"
        android:layout_height="25sp"
        android:text="魂 器"
        android:textSize="13sp"
        android:textColor="@color/text_lavender_yellow"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/imageview_chapter_btn"
        android:layout_marginLeft="25dp"
        />
</RadioGroup>

 

Activity的java代码

radiogroup_equip_one = findViewById(R.id.radiogroup_equip_one);//这个两个是RadioGroup
radiogroup_equip_two = findViewById(R.id.radiogroup_equip_two);
radiobtn_arms = findViewById(R.id.radiobtn_arms);//这下面是RadioButton
radiobtn_clothes = findViewById(R.id.radiobtn_clothes);
radiobtn_trousers = findViewById(R.id.radiobtn_trousers);
radiobtn_title = findViewById(R.id.radiobtn_title);
radiobtn_necklace = findViewById(R.id.radiobtn_necklace);
radiobtn_ring = findViewById(R.id.radiobtn_ring);
radiobtn_bracelet = findViewById(R.id.radiobtn_bracelet);
radiobtn_horcruxes = findViewById(R.id.radiobtn_horcruxes);
lay_bag_show_equip = findViewById(R.id.lay_bag_show_equip);
btn_order_splitting = findViewById(R.id.btn_order_splitting);
isSelectOne = true;//重点就是这个
radiogroup_equip_one.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        //消除第二行选中状态
        if(isSelectOne == false){//判断之前选中是第二行也就是false，这时候对第一行进行操作
            radiobtn_necklace.setChecked(false);//这四个是第二行的RadioButton
            radiobtn_ring.setChecked(false);
            radiobtn_bracelet.setChecked(false);
            radiobtn_horcruxes.setChecked(false);
            RadioButton radioButton_equip = radiogroup_equip_one.findViewById(checkedId);
            String radiobutton_name = radioButton_equip.getText().toString();
            if(radiobutton_name.equals(radiobtn_arms.getText().toString())){//下面是对选中的RadioButton进行选中
                radiobtn_arms.setChecked(true);
            }else if (radiobutton_name.equals(radiobtn_clothes.getText().toString())){
                radiobtn_clothes.setChecked(true);
            }else if (radiobutton_name.equals(radiobtn_trousers.getText().toString())){
                radiobtn_trousers.setChecked(true);
            }else if (radiobutton_name.equals(radiobtn_title.getText().toString())){
                radiobtn_title.setChecked(true);
            }
            isSelectOne = true;
        }
    }
});
radiogroup_equip_two.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        //清除第一行选中状态
        if(isSelectOne == true){//判断之前选中是第一行也就是true，这时候对第二行进行操作
            radiobtn_arms.setChecked(false);//下面四个是第一行的RadioButton
            radiobtn_clothes.setChecked(false);
            radiobtn_trousers.setChecked(false);
            radiobtn_title.setChecked(false);
            RadioButton radioButton_equip = radiogroup_equip_two.findViewById(checkedId);
            String radiobutton_name = radioButton_equip.getText().toString();
            if (radiobutton_name.equals(radiobtn_necklace.getText().toString())){//下面是对选中的RadioButton进行选中
                radiobtn_necklace.setChecked(true);
            }else if (radiobutton_name.equals(radiobtn_ring.getText().toString())){
                radiobtn_ring.setChecked(true);
            }else if (radiobutton_name.equals(radiobtn_bracelet.getText().toString())){
                radiobtn_bracelet.setChecked(true);
            }else if (radiobutton_name.equals(radiobtn_horcruxes.getText().toString())){
                radiobtn_horcruxes.setChecked(true);
            }
            isSelectOne = false;
        }
    }
});

讲解解决原理

这里是自己的理解，如果有异议可以评论指出，首先如果没有 isSelectOne 这个判断的话，直接进行选中事件监听器的操作，其中在第一个RadioGroup里面有对第二个的RadioButton的设置操作，就是那修改四个的选中状态，这里一但修改了第二个RadioButton，就会触发第二个的监听器，所以就会执行第二个里面的操作，其中却反过来对第一个进行选中修改为false，这就矛盾了，所以添加一个全局的boolean变量来进行判断，就可以避免，最后实现结果，如果要实现多行的RadioGroup，一样加判断就行，就是代码量会多，我看网上也有直接重写RadioGroup的也可以，主要看大家程序适合哪个了。

 

最后

这是第一次写CSDN文章，布局和讲解怪怪的，希望大家不要建议，有对我的代码不懂的可以在评论区留言，我有空就会回你们的，感谢能看到这里的朋友们，大家一起努力啦！！！

 

偷月亮的船长
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android 好看的单选框（radiogroup）、多选框（checkbox）和自定义LinearLayout选中变成红边框
wy313622821的博客
08-24 5412
好看的单选框 谷歌提供的默认单选框的UI实在是丑，一个圆形的选中按钮+文字，在现有的项目中几乎是没有人会采用的，几乎都会自定义一套好看的单选按钮样式，下面我们来看看本人自定义好看的单选框，中间带图片，效果图： 下面来看看代码是如何实现的： MainActivity class MainActivity : AppCompatActivity(), RadioGroup.OnCheckedChangeListener { override fun onCreate(savedInstanceSta
android 横向单选,Android RadioGroup 横向显示（两行两列）
weixin_26717681的博客
05-26 1832
做的android平板项目中，需要做一个调查问卷的界面，所以需要使用radiogroup的单选按钮，在listview的一个item上添加四个radiobutton，具体的demo是参考这位博主的，链接如下：http://blog.csdn.net/who0am0i/article/details/45200709，里面解决了我最大的难题就是如何在一个item中，识别用户点击的是哪一个radio，...
【python】tkinter GUI开发: 多行文本Text，单选框Radiobutton，复选框Checkbutton，画布canvas的应用实战详解
最新发布
景天科技苑
06-13 2万+
Text(多行文本框)的主要用于显示多行文本，还可以显示网页链接, 图片, HTML 页面, 甚至 CSS 样式表，添加组件等。因此，也常被当做简单的文本处理器、文本编辑器或者网 页浏览器来使用。比如 IDLE 就是 Text 组件构成的。
Android 实现RadioButton分两（多）行分布，并解决java.lang.StackOverflowError: stack size 8MB onCheckedChanged问题
qq_30432883的博客
05-16 935
一、实现RadioButton 1、效果图展示 效果如下如所示，所需要实现的功能是，实现两（多）行多个类目的单项选择。 2、XML布局实现 Android中提供了RadioButton供我们实现多个类目的单项选择，因为一般实现单项选择都需要多个类目中选择其中的一个，故而RadioButton一般需要搭配RadioGroup使用。然而RadioGroup是继承的LinearLayout，...
Android RadioGroup 横向显示（两行两列）
热门推荐
你好邱林和的专栏
12-30 3万+
做的android平板项目中，需要做一个调查问卷的界面，所以需要使用radiogroup的单选按钮，在listview的一个item上添加四个radiobutton，具体的demo是参考这位博主的，链接如下：http://blog.csdn.net/who0am0i/article/details/45200709，里面解决了我最大的难题就是如何在一个item中，识别用户点击的是哪一个radio，
Android 动态生成 radiobutton 解决 radiogroup 多行显示的问题 单选
TracyEminem的博客
04-09 3642
项目有需求，然后看了下网上的方法，好多都太麻烦了，而且也不怎么靠谱。。 先上效果图 先上布局的代码
Android开发基础之控件RadioButton、RadioGroup
WYuan的博客
05-05 2200
目录一、基础属性RadioButtonRadioGroup二、自定义样式三、监听事件         一、基础属性 RadioButton 1、layout_width 宽度 2、layout_height 高度 3、id 设置组件id 4、text 设置显示的内容 5、textColor 设置字体颜色 6、textStyle 设置字体风格：normal（无效果）、bold（加粗）、italic（斜体） 7、textSize 字体大
Android RadioGroup多行显示效果 解决单选问题
08-25
"Android RadioGroup 多行显示效果解决单选问题" Android RadioGroup 多行显示效果是 Android 开发中常见的问题之一。 RadioGroup 是 Android 中的一种控件，用于实现单选操作。但是， RadioGroup 默认情况下只能在...
Android自定义View之RadioGroup实现跨多行显示
08-25
Android 自定义 View 之 RadioGroup 实现跨多行显示 Android 开发中，RadioGroup 是一个常用的控件，用于实现单选操作。但是， RadioGroup 默认情况下只能在一行中显示选项，无法跨多行显示。这对一些需要在多行中...
Android-支持多行多列等复杂布局的RadioGroup
08-12
在Android开发中，文本输入和显示是用户界面设计的关键部分，RadioGroup作为单选按钮的容器，通常用于实现一组互斥选项的选择。然而，原生的RadioGroup仅支持单行排列，这在需要多行多列展示选项时显得功能有限。`...
RadioGroup支持RadioButton多行多列
01-18
在本案例中，我们将深入探讨如何在 `RadioGroup` 中实现`RadioButton`的多行多列展示，并获取用户所点击的 `RadioButton` 的值。 首先，让我们了解 `RadioGroup` 和 `RadioButton` 的基本用法。`RadioGroup` 是一个...
RadioGroup实现单选框的多行排列
08-25
主要为大家详细介绍了RadioGroup实现单选框的多行排列，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android单选框 RadioGroup
qq_38771744的博客
03-11 687
使用RadioGroup步骤 1、在activity的xml文件中添加代码如下 <RadioGroup android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/radioGroup" android:or...
RadioGroup里RadioButton显示多行实现（非常简单）
鲨鱼不会飞的博客
12-26 5550
RadioGroup显示多行实现步骤RadioGroup里面包裹的RadioButton的特性是单选和互斥，该种需求在项目中用到的比较多。RadioButton实现多行显示的话就失去了本来的特性。网上多数是自定义来处理这种需求，来实现单选和互斥。本例子使用于比较少的按钮，你只需要把以前的代码稍作修改就能实现多行显示的效果。介绍一下原来的需求 rb.setOnCheckedChangeL
自定义RadioGroup实现radioButton多行多列
ht2101714114的专栏
05-08 6744
前段时间我需要一个2行2列的RadioGrou
php 多组radiobutton,实现多行多列的RadioButton
weixin_32790385的博客
03-20 265
由于最近的项目中多处需要用到多行多列的RadioButton，而google原生的RadioGroup又不能实现！因此就要自己动手实现了~注意:这里所说的RadioButton都是在代码中动态添加的!看下效果图:实现多行多列的RadioButton行列对齐RadioButton1、开始造轮子: 分为四步重写RadioGroup-->目的是使 RadioButton可以自动换行布局中引用MyR...
实现RadioGrop 两行两列单选
jslhl的博客
03-13 1340
实现结果： 1. 要求： 两行两列显示 仅支持单选； 2. 自定义多选 MultiLineRadioGroup.java (部分代码) public class MultiLineRadioGroup extends RadioGroup { private OnCheckedChangeListener mOnCheckedChangeListener; p...
Android 自定义View实现多行RadioGroup单选(多选)
ccflying88的专栏
01-23 5265
Android自定义ViewGroup实现多行RadioGroup的单选,多选;
关于Android RadioGroup的check（）方法
巴西的西的博客
06-26 4367
需求： 界面上写一个两行三列的单选radiobutton组设置应用背景图，如下图 实现方法： 1、使用原始的RadioGroup可以实现布局，一个RadioGroup里两个LinearLayout分开radiobutton，但是会导致选项无法互斥。 2、Google官方的做法是写两个RadioGroup，但是要动态监听。（http://stackoverflow.com/questions/10...
android radiogroup多行多列
06-11
Android的RadioGroup控件默认是单行单列的，如果需要实现多行多列的布局，可以通过自定义布局来实现。 首先，在布局文件中定义一个GridLayout控件，并设置列数和行数： ``` android:id="@+id/gridLayout" ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值