Android开发:在ListView中使用RadioGroup时出现混乱选中现象

原创 2017年01月03日 14:24:05
     在做类似于投票或者试题的需求时,需要在listview中,一个item展示4个radiobutton,只能选中其中一个的需求,参考了这位博主的实现:android listview radiogroup
不过这篇博客存在两个问题:一是4个radiobutton无法放在两行两列,只能竖直排列、二是滑动多次,radiobutton选中状态会混乱。

     

     1.第一个问题,如何让4个radiobutton按照两行两列,可以使用margin属性来调整,获取手机的宽度来实现平分宽度,参考我的这个链接:http://blog.csdn.net/nihaoqiulinhe/article/details/53943249

    

      2.第二个选中混乱问题,原因是因为listview的复用机制导致,监听器的混乱,解决方式是每次取消掉监听器,使用hashmap保存选中的radiobutton位置,每次进行恢复就可以了。  参考国外的做法实现的,

链接为:http://stackoverflow.com/questions/20102820/radiogroup-buttons-loosing-its-state-after-listview-scroll贴出全部代码:
    
     (1)主控制activity类MainActivity.java
package com.cxl.optiondemo;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.Toast;

/**
 * 参考这位博主的源码http://blog.csdn.net/who0am0i/article/details/45200709 改进的地方如下:
 * 1.支持几行几列的radiobutton显示(不会随着手机分辨率而改变) 2.listview上下滑动radiobutton选中状态显示错乱的修复
 * 
 * @author nihaoqiulinhe
 * @createTime 2017年1月3日 下午2:01:12
 */
public class MainActivity extends Activity {
	public Context context;
	private ListView topic_listview;
	private Button button_sent;
	private BaseAdapter mAdapter;
	private List<Map<String, TopicItem>> data = new ArrayList<Map<String, TopicItem>>();
	JSONObject data_json;
	String KEY = "list_topic_item";

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_kyc_main);

		this.context = this;
		topic_listview = (ListView) findViewById(R.id.topic_quest_answer);
		mAdapter = new TopicAdapter(context, data);
		topic_listview.setAdapter(mAdapter);

		initData();
		getData();

		button_sent = (Button) findViewById(R.id.topic_sent_comment);
		button_sent.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				String t = "";
				for (int i = 0; i < data.size(); i++) {
					t = t + "第 " + (i + 1) + " 题  ----------->您选择了【选项" + data.get(i).get(KEY).getUserAnswerId().trim() + "】 \n";
				}
				Toast.makeText(context, t, Toast.LENGTH_SHORT).show();
			}
		});
	}

	private void initData() {
		try {
			data_json = new JSONObject();
			data_json.put("result", "success");
			JSONArray array = new JSONArray();
			for (int i = 0; i < 10; i++) {
				JSONObject object = new JSONObject();
				object.put("questionId", "1");
				object.put("question", "康熙是乾隆的谁?");
				object.put("answerId", "");
				object.put("userAnswerId", "-1");

				JSONArray sarray = new JSONArray();
				JSONObject sobject1 = new JSONObject();
				sobject1.put("answerOption", "1");
				sobject1.put("answer", "儿子");
				sarray.put(sobject1);
				JSONObject sobject2 = new JSONObject();
				sobject2.put("answerOption", "2");
				sobject2.put("answer", "爷爷");
				sarray.put(sobject2);
				JSONObject sobject3 = new JSONObject();
				sobject3.put("answerOption", "3");
				sobject3.put("answer", "父亲");
				sarray.put(sobject3);
				JSONObject sobject4 = new JSONObject();
				sobject4.put("answerOption", "4");
				sobject4.put("answer", "孙子");
				sarray.put(sobject4);

				object.put("optionList", sarray);

				array.put(object);
			}
			data_json.put("list", array);
		} catch (JSONException e) {
			e.printStackTrace();
		}
	}

	private void getData() {
		System.out.println(data_json.toString());
		data.clear();
		if (data_json.optString("result").equals("success")) {

			if (data_json.optJSONArray("list") != null) {
				for (int i = 0; i < data_json.optJSONArray("list").length(); i++) {
					JSONObject object = data_json.optJSONArray("list").optJSONObject(i);
					TopicItem topic = new TopicItem();
					topic.setAnswerId(object.optString("answerId"));
					topic.setQuestionId(object.optString("questionId"));
					topic.setQuestion(object.optString("question"));
					topic.setUserAnswerId(object.optString("userAnswerId"));

					List<OptionItem> optionList = new ArrayList<OptionItem>();
					for (int j = 0; j < object.optJSONArray("optionList").length(); j++) {
						JSONObject object_option = object.optJSONArray("optionList").optJSONObject(j);

						OptionItem option = new OptionItem();
						option.setAnswerOption(object_option.optString("answerOption"));
						option.setAnswer(object_option.optString("answer"));

						optionList.add(option);
					}
					topic.setOptionList(optionList);

					Map<String, TopicItem> list_item = new HashMap<String, TopicItem>();
					list_item.put(KEY, topic);
					data.add(list_item);
				}
				mAdapter.notifyDataSetChanged();
			}
		}
	}

}


     
      (2)适配器adapter类:TopicAdapter.java
      
package com.cxl.optiondemo;

import java.util.List;
import java.util.Map;

import android.content.Context;
import android.util.SparseIntArray;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnTouchListener;
import android.view.WindowManager;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

/**
 * 参考这位博主的源码http://blog.csdn.net/who0am0i/article/details/45200709 改进的地方如下:
 * 1.支持几行几列的radiobutton显示(不会随着手机分辨率而改变) 2.listview上下滑动radiobutton选中状态显示错乱的修复
 * 
 * @author nihaoqiulinhe
 * @createTime 2017年1月3日 下午2:01:12
 */
public class TopicAdapter extends BaseAdapter {
	private static final String TAG = "TopicAdapter";
	String KEY = "list_topic_item";

	//四个listview的每个对应的getID状态
	private int optionID1, optionID2, optionID3, optionID4;

	private SparseIntArray checked = new SparseIntArray();//保存哪些radio被选中,相当于hashmap但效率更高

	private LayoutInflater mInflater;
	private Context context;

	private List<Map<String, TopicItem>> mData;//数据源

	public TopicAdapter(Context context, List<Map<String, TopicItem>> data) {
		mData = data;
		mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		this.context = context;
		init();
	}

	private void init() {
		mData.clear();
	}

	@Override
	public int getCount() {
		int count = mData == null ? 0 : mData.size();
		return count;
	}

	@Override
	public Object getItem(int position) {
		/*
		 * Object obj = records != null && records.size() > position ?
		 * records.get(position) : null; return obj;
		 */
		return null;
	}

	@Override
	public long getItemId(int position) {
		//return position;
		return 0;
	}

	private Integer index = -1;

	@Override
	public View getView(final int position, View convertView, ViewGroup parent) {
		Holder holder = null;
		if (convertView == null) {
			convertView = mInflater.inflate(R.layout.activity_kyc_item, null);

			holder = new Holder();
			holder.question = (TextView) convertView.findViewById(R.id.topic_item_question);
			holder.option = (RadioGroup) convertView.findViewById(R.id.topic_item_option);
			holder.option1 = (RadioButton) convertView.findViewById(R.id.topic_item_option1);
			optionID1 = holder.option1.getId();
			holder.option2 = (RadioButton) convertView.findViewById(R.id.topic_item_option2);
			optionID2 = holder.option2.getId();

			//为了能够在一行显示两个radiobutton:获取屏幕的宽度
			WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
			int width = wm.getDefaultDisplay().getWidth();//左侧设置的间距
			int height = DensityDpToPx.dpToPx(context, 24);//处于第二个的高度间距

			LinearLayout.LayoutParams params = (LayoutParams) holder.option2.getLayoutParams();
			params.setMargins(width / 2, -height, 0, 0);
			holder.option2.setLayoutParams(params);

			holder.option3 = (RadioButton) convertView.findViewById(R.id.topic_item_option3);
			optionID3 = holder.option3.getId();
			holder.option4 = (RadioButton) convertView.findViewById(R.id.topic_item_option4);
			optionID4 = holder.option4.getId();

			LinearLayout.LayoutParams paramsTwo = (LayoutParams) holder.option4.getLayoutParams();
			paramsTwo.setMargins(width / 2, -height, 0, 0);
			holder.option4.setLayoutParams(paramsTwo);

			holder.option.setTag(position);

			holder.option.setOnTouchListener(new OnTouchListener() {
				@Override
				public boolean onTouch(View v, MotionEvent event) {
					if (event.getAction() == MotionEvent.ACTION_UP) {
						index = (Integer) v.getTag();
					}
					return false;
				}
			});

			convertView.setTag(holder);
		} else {
			holder = (Holder) convertView.getTag();
			holder.option.setTag(position);
		}

		//在显示RadioButton值之前,取消对其监听,否则会出现混乱的效果。
		holder.option.setOnCheckedChangeListener(null);
		holder.option.clearCheck();

		if (checked.indexOfKey(position) > -1) {
			holder.option.check(checked.get(position));
		} else {
			holder.option.clearCheck();
		}
		holder.option.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				if (checkedId > -1) {
					checked.put(position, checkedId);

					TopicItem item = mData.get(position).get(KEY);

					int RadioButtonId = group.getCheckedRadioButtonId();

					if (RadioButtonId == optionID1) {
						item.setUserAnswerId(item.getOptionList().get(0).getAnswerOption().trim());
					} else if (RadioButtonId == optionID2) {
						item.setUserAnswerId(item.getOptionList().get(1).getAnswerOption().trim());
					} else if (RadioButtonId == optionID3) {
						item.setUserAnswerId(item.getOptionList().get(2).getAnswerOption().trim());
					} else if (RadioButtonId == optionID4) {
						item.setUserAnswerId(item.getOptionList().get(3).getAnswerOption().trim());
					}
					mData.get(position).put(KEY, item);
				} else {
					if (checked.indexOfKey(position) > -1) {
						checked.removeAt(checked.indexOfKey(position));
					}
				}
			}
		});

		TopicItem item = mData.get(position).get(KEY);
		if (item != null) {
			//防止afterTextChanged自动执行
			holder.question.setText(item.getQuestion());
			holder.option1.setText(item.getOptionList().get(0).getAnswer().toString());
			holder.option2.setText(item.getOptionList().get(1).getAnswer().toString());
			holder.option3.setText(item.getOptionList().get(2).getAnswer().toString());
			holder.option4.setText(item.getOptionList().get(3).getAnswer().toString());

		}
		holder.option.clearFocus();
		if (index != -1 && index == position) {
			holder.option.requestFocus();
		}
		return convertView;
	}

	private class Holder {
		private TextView question;
		private RadioGroup option;
		private RadioButton option1;
		private RadioButton option2;
		private RadioButton option3;
		private RadioButton option4;
	}
}


      (3)界面文件:activity_kyc_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/topic_quest_answer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
          android:layout_weight="1"
        android:layout_marginTop="16dp" >
    </ListView>

    <LinearLayout
        android:id="@+id/kyc_confirm_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:layout_margin="10dp"
        android:layout_weight="9"
        android:orientation="horizontal"
        android:visibility="visible" >

        <Button
            android:id="@+id/topic_sent_comment"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="6dp"
            android:background="@drawable/comment_btu" />
    </LinearLayout>

</LinearLayout>


     运行结果为:

      
      
    里面都有必要的注释,有问题可以交流,源码在此:android listview radiogroup混乱问题解决
版权声明:本文为博主原创文章,未经博主允许不得转载。博客地址:http://blog.csdn.net/nihaoqiulinhe 举报

相关文章推荐

Android开发:在ListView中使用RadioGroup时出现混乱选中现象

重写Adapter的getView方法(); 设置每个item中RadioGroup的监听器(viewHolder.answerRg.setOnCheckedChangeListener()),每R...

Android开发:在ListView中使用RadioGroup时出现混乱选中现象

在做类似于投票或者试题的需求时,需要在listview中,一个item展示4个radiobutton,只能选中其中一个的需求,参考了这位博主的实现:android listview radiogrou...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

Android开发:在ListView中使用RadioGroup时出现混乱选中现象

重写Adapter的getView方法(); 设置每个item中RadioGroup的监听器(viewHolder.answerRg.setOnCheckedChangeListener...

安卓开发listview中包含radiogroup选项在滚动时自动选中的解决方法。BaseAdapter,RadioGroup,ListView,ViewHolder

做类似于选择题的安卓开发,刚刚上手,小白一个,最初使用simpleadapter写的listview发觉是个中看不中用的东西,内部的复杂控件无法监听,网上找说继承自baseadapter的功能更加强大...

关于ListView中的item包含RadioButton时出现的混乱

使用的ListView的item条目中包含有RadioButton,然后因为控件复用的原因造成选择混乱,我在第一条的选中状态也会被复用,在网上找到的解决办法是记录每一条的状态,然后在getView的时...

RecyclerView中使用CheckBox出现勾选混乱的解决方案

RecyclerView的复用机制导致添加CheckBox会出现问题,目前网上没有什么好的解决方案,这篇博客将彻底解决这个问题

Android ListView 嵌套RadioGroup 滑动时出现错乱

Android ListView 中嵌套 RadioGroup 滑动时出现错乱。在选中了某一个答案后,上下滑动ListView,发现没有做选择的radioButton也被选中了!这。。。。 如上图,...

RecyclerView中使用CheckBox出现勾选混乱的解决方案

做安卓的,应该都有使用过ListView或RecyclerView,并且可能都有遇到过在这个两个控件中使用CheckBox的时候出现勾选错乱的问题。这是因为ListView或RecyclerView都...

Android中ListView滑动时数据混乱

相信做过Android应用开发的或多或少的都遇到过这样的问题,要不就是在ListView滑动时出现数据混乱,或者是GridView滑动时出现数据混乱。先来看看一位网友写的文章,个人感觉这篇文章挺不错的...

在Java中使用WebSocket实现网页聊天室

关于WebSocket的例子貌似不多,但最好的例子已经有了。偶然间发现tomcat的自带的例子中,已经有了基于WebSocket实现的聊天室例子。这里就不献丑,直接拿来用了。 首先,服务端的实现...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)