Android随记------带RadioButton的单选listView

ListView本身通过setChoiceMode(ListView.CHOICE_MODE_SINGLE)，AlertDialog利用setSingleChoiceItems来实现单选功能list，不过这种系统提供的是简单的text+raido的组合，其实就是CheckedTextView。不过项目中，需要image+radio的组合，系统中没提供简单的方法直接设定，基本的思路即自定义list里每个子layout，以及自定义数据源Adaptor，对radioButton进行状态处理。

大致的代码：

single_choice_list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content">
	<ImageView android:id="@+id/item_img"
  		android:layout_width="wrap_content"
  		android:layout_height="54dp"
  		android:layout_centerInParent="true"
  		android:scaleType="fitCenter"
  		android:layout_gravity="center"
  		android:focusable="false" />
    <RadioButton android:id="@+id/item_radio_btn" 
    	android:layout_width="wrap_content"
  		android:layout_height="54dp"
  		android:layout_alignParentRight="true"
  		android:layout_marginLeft="4dp"
  		android:layout_marginRight="4dp"
  		android:clickable="false"
  		android:focusable="false"
  		android:layout_gravity="center_vertical" />
</RelativeLayout>

CustomAdaptor.java

public class CustomAdaptor extends BaseAdapter {

	/** 画面activity */
	private PictureEditorActivity mActivity = null;

	/** 数据list */
	private List<ResDto> mItemList = null;
	
	/** 选择position */
	private int selectedRadio = -1;
	
	/** 选择的Dto */
	private ResourceLabelDto selectDto;

	public PhotoSingleChoiceListAdapter(Activity activity, List<ResDto> resList) {
		this.mActivity = activity;
		this.mItemList = resList;
	}

	@Override
	public int getCount() {
		if (mItemList == null) {
			return 0;
		} else {
			return mItemList.size();
		}
	}

	@Override
	public ResourceDto getItem(int position) {
		if (mItemList == null) {
			return null;
		} else {
			return mItemList.get(position);
		}
	}

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

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		if (mItemList == null || getCount() == 0) {
			return null;
		}
		
		View view = convertView;
		if (view == null) {
			LayoutInflater inflater = (LayoutInflater) mActivity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
			view = inflater.inflate(R.layout.single_choice_list_item, null);
		}
		
		ImageView imgView = (ImageView)view.findViewById(R.id.item_img);
		
		// 当前数据Dto
		ResDto dto = (ResDto)getItem(position);
		imgView.setImageBitmap(dto.getBitmap());
		
		
		// 数据绑定
		view.setTag(dto);
		
		// 选择状态的表示
		RadioButton radioBtn = (RadioButton)view.findViewById(R.id.item_radio_btn);
		if (position != selectedRadio) {
			radioBtn.setChecked(false);
		} else {
			radioBtn.setChecked(true);
		}
		
		final int pos = position;
		final ViewGroup parantView = parent;
		view.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {

				// 注意这个parantView并非list里所有的项目，而是屏幕内可见范围内的几个view
				setRadioDisChecked(parantView);
				
				// 设置当前check状态
				((RadioButton)((ViewGroup)v).getChildAt(1)).setChecked(true);
				
				// 标识本行item为被选择状态
				((RadioButton)((ViewGroup)v).getChildAt(1)).setTag(true);
				
				// 选择位置的设置
				selectedRadio = pos;
				selectDto = (ResourceLabelDto)v.getTag();
			}
		});
		
		return view;
	}

	/**
	 * 得到选择的Dto
	 */
	public ResourceLabelDto getSelectedDto() {
		return selectDto;
	}
	
	/**
	 * 之前选择的项目uncheck操作，遍历屏幕内显示的子View，若有先前选择过的状态，设置成未选择状态
	 */
	private void setRadioDisChecked(ViewGroup showViews) {
		if (selectedRadio < 0 || showViews == null || showViews.getChildCount() < 1) {
			return;
		}
		
		RadioButton checedBtn = null;
		for (int i = 0; i < showViews.getChildCount(); i++) {
			checedBtn = (RadioButton)((ViewGroup)showViews.getChildAt(i)).getChildAt(1);
			
			if (checedBtn.getTag() != null && (Boolean)checedBtn.getTag()) {
				checedBtn.setChecked(false);
			}
		}
	}
}

主要是一些状态判断处理，感觉实现方法还不是最好的，有空可以更深入一下