ListView和CheckBox错位（解决）

关于ListView和CheckBox如果不做一些处理，会产生就想下图这样的错乱问题

看到了吧，在这里每一行的已选中的CheckBox都是不稳定的，随着屏幕的上下滚动，选中状态的CheckBox可以变成未选中状态，

未选中状态的也可以变成选中状态。

因此，我们在初始化adapter的时候加入了这行代码

<span style="font-size:18px;">public LvAdapter() {
	isChecked = new HashMap<Integer, Boolean>();
	for (int i = 0; i < COUNTS; i++) {
		isChecked.put(i, false);
	}
}</span>

其中isChecked是一个HashMap<Integer, Boolean>的成员变量。

初始化BaseAdapter的子类时，在构造器内初始化了isChecked。在这里，我将ListView显示的数量固定了。

<span style="font-size:18px;">@Override
public int getCount() {
	return COUNTS;
}</span>

在这里，我将COUNTS设置为50。

要解决错乱问题，我在getView()方法中添加了下面的逻辑处理。

<span style="font-size:18px;">if (isChecked.get(position)) {
	viewHolder.itemTv.setText("第" + position + "行被选中！");
	viewHolder.itemCb.setChecked(true);
} else {
	viewHolder.itemTv.setText("第" + position + "行没有被选中！");
	viewHolder.itemCb.setChecked(false);
}</span>

这行代码呆会再解读，再贴一行listView的item点击事件

<span style="font-size:18px;">lv.setOnItemClickListener(new OnItemClickListener() {
	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
		boolean checked = isChecked.get(position);
		isChecked.put(position, !checked);
		lvAdapter.notifyDataSetChanged();
	}
});</span>

当我选中某一行的时候，会将isChecked对应key的values值反转（true->false或false->true）。

回到了上面贴出的getView()方法的那部分代码，首先当每次有屏幕外的item滚进屏幕时，会触发getView()方法，此时会判断isChecked对应key值

的values属性，如果为true，说明该position对应的CheckBox被选中，然后代码动态设置选中，否则就做相反的事情。

正确的效果图在下面显示出来。

现在已经没什么错位了吧！！

附上代码：

主MainActivity

<span style="font-size:18px;">package com.example.lv.cb.demo;

import java.util.HashMap;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.ListView;
import android.widget.TextView;

public class MainActivity extends Activity {

	public static final int COUNTS = 50;
	private HashMap<Integer, Boolean> isChecked;
	private ListView lv;
	private Button btn;
	private LvAdapter lvAdapter;
	private boolean isShowedCheckBox = false;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initFindViewById();
		onClickListener();
		lvAdapter = new LvAdapter();
		lv.setAdapter(lvAdapter);
	}

	/**
	 * 初始化找到控件
	 */
	private void initFindViewById() {
		btn = (Button) findViewById(R.id.main_btn);
		lv = (ListView) findViewById(R.id.main_lv);
		lv.setFocusable(true);
		
	}
	
	private void onClickListener(){
		btn.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				if (!isShowedCheckBox) {
					btn.setText("点我隐藏CheckBox");
				} else {
					btn.setText("点我显示CheckBox");
				}
				isShowedCheckBox = !isShowedCheckBox;
				lvAdapter.notifyDataSetChanged();
			}
		});
		
		lv.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
				if (isShowedCheckBox) {
					boolean checked = isChecked.get(position);
					isChecked.put(position, !checked);
					lvAdapter.notifyDataSetChanged();
				}
			}
		});
	}

	private class LvAdapter extends BaseAdapter {

		public LvAdapter() {
			isChecked = new HashMap<Integer, Boolean>();
			for (int i = 0; i < COUNTS; i++) {
				isChecked.put(i, false);
			}
		}

		@Override
		public int getCount() {
			return COUNTS;
		}

		@Override
		public Object getItem(int position) {
			return null;
		}

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

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder viewHolder;
			if (convertView == null) {
				convertView = View.inflate(MainActivity.this, R.layout.item_list, null);
				viewHolder = new ViewHolder(convertView);
				convertView.setTag(viewHolder);
			} else {
				viewHolder = (ViewHolder) convertView.getTag();
			}

			if (isShowedCheckBox) {
				viewHolder.itemCb.setVisibility(View.VISIBLE);
			} else {
				viewHolder.itemCb.setVisibility(View.INVISIBLE);
			}
			
			
			if (isChecked.get(position)) {
				viewHolder.itemTv.setText("第" + position + "行被选中！");
				viewHolder.itemCb.setChecked(true);
			} else {
				viewHolder.itemTv.setText("第" + position + "行没有被选中！");
				viewHolder.itemCb.setChecked(false);
			}

			return convertView;
		}

	}

	static class ViewHolder {
		private TextView itemTv;
		private CheckBox itemCb;

		public ViewHolder(View view) {
			itemTv = (TextView) view.findViewById(R.id.item_tv);
			itemCb = (CheckBox) view.findViewById(R.id.item_cb);
		}
	}

}
</span>

main对应的布局：

<span style="font-size:18px;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <Button 
        android:id="@+id/main_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点我显示CheckBox"/>
    
    <ListView 
        android:id="@+id/main_lv"
        android:listSelector="#0000"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </ListView>


</LinearLayout>
</span>

listView对应的item布局：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp">
    
    <TextView 
        android:id="@+id/item_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:textSize="22sp"
        android:layout_marginLeft="22dp"
        android:text="asdadadasd"/>
    
    <CheckBox 
        android:id="@+id/item_cb"
        android:clickable="false"
        android:focusable="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="invisible"
        android:layout_alignParentRight="true"/>
    

</RelativeLayout>
</span>

看看item的CheckBox布局，由于CheckBox会抢占ListView的焦点（如果抢占成功，listView的setOnItemListener将会失效），因此

我在这里给他的焦点属性设置为false，将clickable设置为false，也是方便统一处理（否则，点击了CheckBox位置的时候不会触发

listView的setOnItemListener的方法）。

demo下载地址：跳转下载页