使用RadioGroup动态添加RadioButton的过程,解决RadioButton单选冲突问题

一、项目需求

项目中需要完成横向可滑动的关卡选择器,每次只能选择一个,并且是从服务器获取数据,动态添加关卡的按钮:

需求图解.png

二、解决思路

1.我想到的解决办法可能比较土一点:使用HorizontalScrollView内部嵌套一个RadioGroup,代码如下:

    
       

注:这里面的RadioButton使用的是selector设置。

2.设置好xml布局,开始在java代码中动态添加RadioButton到RadioGroup:

for (int i = 0; i < course_list.size(); i++) {    
    final HonorBean.HonorCourseBean honorCourseBean = course_list.get(i);   
    View view;    
    view = LayoutInflater.from(getActivityContext()).inflate(R.layout.score_rg_item_layout, scoreRg, false);    
    final RadioButton button = (RadioButton) view.findViewById(R.id.classTv);                      
    button.setText(honorCourseBean.getCourse_name());    
    scoreRg.addView(view, i);
}

注:代码中使用的是循环addView的方式

3.运行代码发现:单选的规则完全是乱的,第1个按钮只可以选择一次,第2-第9个(因为数据是10个关卡)会复选:

三、调整思路

1.点击每个button的时,遍历其他按钮是否被选中过,如果被选中则清空选中,只需要选中当前被点击的按钮。
其中在for循环内增加button.setId(honorCourseBean.getCourse_id()),为的是给每个的RadioButton设置唯一标识。
(增加的代码空一行)

for (int i = 0; i < course_list.size(); i++) {    
    final HonorBean.HonorCourseBean honorCourseBean = course_list.get(i);   
    View view;    
    view = LayoutInflater.from(getActivityContext()).inflate(R.layout.score_rg_item_layout, scoreRg, false);    
    final RadioButton button = (RadioButton) view.findViewById(R.id.classTv);                      
    button.setText(honorCourseBean.getCourse_name());    
    button.setId(honorCourseBean.getCourse_id());
    
    button.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
          if (isChecked) {
             for (int j = 0; j < scoreRg.getChildCount(); j++) {
               if ((scoreRg.getChildAt(j)).getId()!=button.getId()) {
                   ((RadioButton) scoreRg.getChildAt(j)).setChecked(false);
               } else {    
                    ((RadioButton) scoreRg.getChildAt(j)).setChecked(true);
               }
             }
          }
        }
    }
    
    scoreRg.addView(view, i);
}

注:用RadioGroup(scoreRg)的getChildCount()获得当前该控件的子控件数量,用RadioGroup的getChildAt(j)方法和当前被选中的button的id对比

2.运行后发现:第1次可以选中button1,然后第2次选中button2-9的也可以选中,但是选完button2-9再回来选择button1的时候button1不被选中,其他2-9的选中是正常的,我使用log的方式打印这样操作button1的isChecked的值:(因为我点击任一个button都是会循环10次。)发现button1的isChecked的值除了第一次点击为true(10次),第二次点击的值首先是true(有时候循环的前2次为true,有时候前3次为ture,之后的8次和7次都为false)。(待更新,期望阅读的你为我指点迷津这样造成的原因)。

四、再次调整思路

1.上述的方式导致的bug是只有button1的状态不改变,经过搜索发现,button1被选中之后,button1按钮的状态不改变:
查看安卓开发者官方网站的RadioGroup的API:

RadioGroup的公开方法.png

2.这个方法简单明了,就是清除当前RadioGroup下的所有RadioButton的选中状态。于是对代码增加代码:
(增加的代码空一行)

for (int i = 0; i < course_list.size(); i++) {    
    final HonorBean.HonorCourseBean honorCourseBean = course_list.get(i);   
    View view;    
    view = LayoutInflater.from(getActivityContext()).inflate(R.layout.score_rg_item_layout, scoreRg, false);    
    final RadioButton button = (MyRadioButton) view.findViewById(R.id.classTv);                      
    button.setText(honorCourseBean.getCourse_name());    
    button.setId(honorCourseBean.getCourse_id());
    button.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
          if (isChecked) {
             for (int j = 0; j < scoreRg.getChildCount(); j++) {

               if (((MyRadioButton) scoreRg.getChildAt(0)).isChecked() && j == 0) {
                  for (int k = 0; k < scoreRg.getChildCount(); k++) {
                     ((RadioButton) scoreRg.getChildAt(k)).setChecked(false);
                  }
                  scoreRg.clearCheck();
               }

               if ((scoreRg.getChildAt(j)).getId()!=button.getId()) {
                   ((RadioButton) scoreRg.getChildAt(j)).setChecked(false);
               } else {    
                    ((RadioButton) scoreRg.getChildAt(j)).setChecked(true);
               }
             }
          }
        }
    }
    scoreRg.addView(view, i);
}

3.增加的代码表示,如果选的是button1,则设置当前的所有button的状态为false,并且用scoreRg.clearCheck();清理当前所有button的状态。此时运行之后,成功实现需求。

五、最后

1.思路有些曲折,网上还查到一种,控制上一个button的方式来实现需求,有时间测试一下。
2.希望阅读的人,会收获帮助,并希望大家指出我的不完善的地方,也希望各位提出好的建议。谢谢。

你可能感兴趣的:(使用RadioGroup动态添加RadioButton的过程,解决RadioButton单选冲突问题)