一、项目需求
项目中需要完成横向可滑动的关卡选择器,每次只能选择一个,并且是从服务器获取数据,动态添加关卡的按钮:
二、解决思路
1.我想到的解决办法可能比较土一点:使用HorizontalScrollView内部嵌套一个RadioGroup,代码如下:
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginLeft="@dimen/dimen_50px"
android:layout_marginBottom="@dimen/dimen_10px"
android:layout_marginTop="@dimen/dimen_10px"
android:layout_marginRight="@dimen/dimen_50px"
android:scrollbars="none">
<RadioGroup
android:id="@+id/scoreRg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"/>
</HorizontalScrollView>
注:这里面的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:
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.希望阅读的人,会收获帮助,并希望大家指出我的不完善的地方,也希望各位提出好的建议。谢谢。