1. 程式人生 > >支援自定義佈局的RadioGroup

支援自定義佈局的RadioGroup

這裡的整個佈局是用自定義的RadioGroup寫的 兩個RadioButton可以互斥點選  注意事項是RadioGroup裡面只能有一個直接子ViewGroup 然後在裡面自定義佈局就可以了 裡面的所有的RadioButton都會反射獲取到並視為同一個組   

佈局如下

   <com.example.customradiogroup.CustomRadioGroup
                    android:id="@+id/rg_tkfs"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical" >

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="vertical" >

                        <!-- 前臺結算 -->

                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:gravity="center_vertical"
                            android:padding="12dp" >

                            <RadioButton
                                android:id="@+id/rb_qtjk"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:button="@drawable/radio_btn_select"
                                android:padding="@dimen/Padding_5" />

                            <LinearLayout
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="@dimen/Padding_5"
                                android:orientation="vertical" >

                                <TextView
                                    android:id="@+id/txt_describe"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:text="前臺結算"
                                    android:textColor="@color/font_deepGray"
                                    android:textSize="@dimen/textsize_12" />

                                <TextView
                                    android:id="@+id/txt_describe"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:layout_marginTop="@dimen/Padding_7"
                                    android:text="待收到查房完成資訊後,請前往前臺辦理結款。"
                                    android:textColor="@color/font_deepGray"
                                    android:textSize="@dimen/textsize_9" />
                            </LinearLayout>
                        </LinearLayout>

                        <View
                            android:layout_width="match_parent"
                            android:layout_height="@dimen/line_height"
                            android:layout_marginTop="10dp"
                            android:background="@color/border_line" />
                        <!-- 退回錢包 -->

                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:gravity="center_vertical"
                            android:padding="@dimen/Padding_12" >

                            <RadioButton
                                android:id="@+id/rb_thqb"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:button="@drawable/radio_btn_select"
                                android:padding="@dimen/Padding_5" />

                            <LinearLayout
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="@dimen/Padding_5"
                                android:orientation="vertical" >

                                <TextView
                                    android:id="@+id/txt_describe"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:text="退回錢包"
                                    android:textColor="@color/font_deepGray"
                                    android:textSize="@dimen/textsize_12" />

                                <TextView
                                    android:id="@+id/txt_describe"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:layout_marginTop="@dimen/Padding_7"
                                    android:singleLine="true"
                                    android:text="你可即時離店,待查房無誤後,訂單餘額將退還到你的個人賬戶中。"
                                    android:textColor="@color/font_deepGray"
                                    android:textSize="@dimen/textsize_9" />
                            </LinearLayout>
                        </LinearLayout>

                        <View
                            android:layout_width="match_parent"
                            android:layout_height="@dimen/line_height"
                            android:background="@color/border_line" />
                    </LinearLayout>
                </com.example.customradiogroup.CustomRadioGroup>



程式碼如下

package com.example.customradiogroup;

import java.util.ArrayList;
import java.util.List;

import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Build;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CompoundButton;
import android.widget.LinearLayout;

public class CustomRadioGroup extends LinearLayout {
	/**
	 * 支援巢狀CompoundButton的CustomRadioGroup
	 * 
	 * @author 農民伯伯 http://www.cnblogs.com/over140/
	 * 
	 */
	// holds the checked id; the selection is empty by default
	private int mCheckedId = -1;
	// tracks children radio buttons checked state
	private CompoundButton.OnCheckedChangeListener mChildOnCheckedChangeListener;
	// when true, mOnCheckedChangeListener discards events
	private boolean mProtectFromCheckedChange = false;
	private OnCheckedChangeListener mOnCheckedChangeListener;
	private PassThroughHierarchyChangeListener mPassThroughListener;

	/**
	 * {@inheritDoc}
	 */
	public CustomRadioGroup(Context context) {
		super(context);
		init();
	}

	/**
	 * {@inheritDoc}
	 */
	public CustomRadioGroup(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}

	private void init() {
		mCheckedId = View.NO_ID;
		setOrientation(HORIZONTAL);
		mChildOnCheckedChangeListener = new CheckedStateTracker();
		mPassThroughListener = new PassThroughHierarchyChangeListener();
		super.setOnHierarchyChangeListener(mPassThroughListener);
	}

	/**
	 * {@inheritDoc}
	 */
	@Override
	public void setOnHierarchyChangeListener(OnHierarchyChangeListener listener) {
		// the user listener is delegated to our pass-through listener
		mPassThroughListener.mOnHierarchyChangeListener = listener;
	}

	/**
	 * {@inheritDoc}
	 */
	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();

		// checks the appropriate radio button as requested in the XML file
		if (mCheckedId != View.NO_ID) {
			mProtectFromCheckedChange = true;
			setCheckedStateForView(mCheckedId, true);
			mProtectFromCheckedChange = false;
			setCheckedId(mCheckedId);
		}
	}

	/*	    *//** 遞迴查詢具有選中屬性的子控制元件 */
	/*
	 * private static CompoundButton findCheckedView(View child) { if (child
	 * instanceof CompoundButton) return (CompoundButton) child; if (child
	 * instanceof ViewGroup) { ViewGroup group = (ViewGroup) child; for (int i =
	 * 0, j = group.getChildCount(); i < j; i++) { CompoundButton check =
	 * findCheckedView(group.getChildAt(i)); if (check != null) return check; }
	 * } return null;//沒有找到 }
	 */

	/** 遞迴查詢具有選中屬性的子控制元件 */
	private List<CompoundButton> findCheckedView(View child) {
		List<CompoundButton> allCompoundButtonList = null;
		if (child instanceof CompoundButton) {
			allCompoundButtonList = new ArrayList<CompoundButton>();
			allCompoundButtonList.add((CompoundButton) child);
		} else if (child instanceof ViewGroup) {
			ViewGroup group = (ViewGroup) child;
			for (int i = 0, j = group.getChildCount(); i < j; i++) {
				List<CompoundButton> allChildCompoundButtonList = findCheckedView(group
						.getChildAt(i));
				if (allChildCompoundButtonList != null) {
					if (allCompoundButtonList == null) {
						allCompoundButtonList = new ArrayList<CompoundButton>();
					}
					allCompoundButtonList.addAll(allChildCompoundButtonList);
				}
			}
		}
		return allCompoundButtonList;
	}

	@Override
	public void addView(View child, int index, ViewGroup.LayoutParams params) {

		final List<CompoundButton> list = findCheckedView(child);
		if (list!=null) {
		for (CompoundButton view : list) {
			if (view != null) {
				// ....
				if (view.isChecked()) {
					mProtectFromCheckedChange = true;
					if (mCheckedId != -1) {
						setCheckedStateForView(mCheckedId, false);
					}
					mProtectFromCheckedChange = false;
					setCheckedId(view.getId());
				}
			}
		}
		}
		super.addView(child, index, params);

	}

	/**
	 * <p>
	 * Sets the selection to the radio button whose identifier is passed in
	 * parameter. Using -1 as the selection identifier clears the selection;
	 * such an operation is equivalent to invoking {@link #clearCheck()}.
	 * </p>
	 * 
	 * @param id
	 *            the unique id of the radio button to select in this group
	 * 
	 * @see #getCheckedRadioButtonId()
	 * @see #clearCheck()
	 */
	public void check(int id) {
		// don't even bother
		if (id != -1 && (id == mCheckedId)) {
			return;
		}

		if (mCheckedId != -1) {
			setCheckedStateForView(mCheckedId, false);
		}

		if (id != -1) {
			setCheckedStateForView(id, true);
		}

		setCheckedId(id);
	}

	private void setCheckedId(int id) {
		mCheckedId = id;
		if (mOnCheckedChangeListener != null) {
			mOnCheckedChangeListener.onCheckedChanged(this, mCheckedId);
		}
	}

	private void setCheckedStateForView(int viewId, boolean checked) {
		View checkedView = findViewById(viewId);
		if (checkedView != null && checkedView instanceof CompoundButton) {
			((CompoundButton) checkedView).setChecked(checked);
		}
	}

	/**
	 * <p>
	 * Returns the identifier of the selected radio button in this group. Upon
	 * empty selection, the returned value is -1.
	 * </p>
	 * 
	 * @return the unique id of the selected radio button in this group
	 * 
	 * @see #check(int)
	 * @see #clearCheck()
	 * 
	 * @attr ref android.R.styleable#CustomRadioGroup_checkedButton
	 */
	public int getCheckedRadioButtonId() {
		return mCheckedId;
	}

	/**
	 * <p>
	 * Clears the selection. When the selection is cleared, no radio button in
	 * this group is selected and {@link #getCheckedRadioButtonId()} returns
	 * null.
	 * </p>
	 * 
	 * @see #check(int)
	 * @see #getCheckedRadioButtonId()
	 */
	public void clearCheck() {
		check(-1);
	}

	/**
	 * <p>
	 * Register a callback to be invoked when the checked radio button changes
	 * in this group.
	 * </p>
	 * 
	 * @param listener
	 *            the callback to call on checked state change
	 */
	public void setOnCheckedChangeListener(OnCheckedChangeListener listener) {
		mOnCheckedChangeListener = listener;
	}

	/**
	 * {@inheritDoc}
	 */
	@Override
	public LayoutParams generateLayoutParams(AttributeSet attrs) {
		return new CustomRadioGroup.LayoutParams(getContext(), attrs);
	}

	/**
	 * {@inheritDoc}
	 */
	@Override
	protected boolean checkLayoutParams(ViewGroup.LayoutParams p) {
		return p instanceof CustomRadioGroup.LayoutParams;
	}

	@Override
	protected LinearLayout.LayoutParams generateDefaultLayoutParams() {
		return new LayoutParams(LayoutParams.WRAP_CONTENT,
				LayoutParams.WRAP_CONTENT);
	}

	/**
	 * <p>
	 * This set of layout parameters defaults the width and the height of the
	 * children to {@link #WRAP_CONTENT} when they are not specified in the XML
	 * file. Otherwise, this class ussed the value read from the XML file.
	 * </p>
	 * 
	 * <p>
	 * See {@link android.R.styleable#LinearLayout_Layout LinearLayout
	 * Attributes} for a list of all child view attributes that this class
	 * supports.
	 * </p>
	 * 
	 */
	public static class LayoutParams extends LinearLayout.LayoutParams {
		/**
		 * {@inheritDoc}
		 */
		public LayoutParams(Context c, AttributeSet attrs) {
			super(c, attrs);
		}

		/**
		 * {@inheritDoc}
		 */
		public LayoutParams(int w, int h) {
			super(w, h);
		}

		/**
		 * {@inheritDoc}
		 */
		public LayoutParams(int w, int h, float initWeight) {
			super(w, h, initWeight);
		}

		/**
		 * {@inheritDoc}
		 */
		public LayoutParams(ViewGroup.LayoutParams p) {
			super(p);
		}

		/**
		 * {@inheritDoc}
		 */
		public LayoutParams(MarginLayoutParams source) {
			super(source);
		}

		/**
		 * <p>
		 * Fixes the child's width to
		 * {@link android.view.ViewGroup.LayoutParams#WRAP_CONTENT} and the
		 * child's height to
		 * {@link android.view.ViewGroup.LayoutParams#WRAP_CONTENT} when not
		 * specified in the XML file.
		 * </p>
		 * 
		 * @param a
		 *            the styled attributes set
		 * @param widthAttr
		 *            the width attribute to fetch
		 * @param heightAttr
		 *            the height attribute to fetch
		 */
		@Override
		protected void setBaseAttributes(TypedArray a, int widthAttr,
				int heightAttr) {

			if (a.hasValue(widthAttr)) {
				width = a.getLayoutDimension(widthAttr, "layout_width");
			} else {
				width = WRAP_CONTENT;
			}

			if (a.hasValue(heightAttr)) {
				height = a.getLayoutDimension(heightAttr, "layout_height");
			} else {
				height = WRAP_CONTENT;
			}
		}
	}

	/**
	 * <p>
	 * Interface definition for a callback to be invoked when the checked radio
	 * button changed in this group.
	 * </p>
	 */
	public interface OnCheckedChangeListener {
		/**
		 * <p>
		 * Called when the checked radio button has changed. When the selection
		 * is cleared, checkedId is -1.
		 * </p>
		 * 
		 * @param group
		 *            the group in which the checked radio button has changed
		 * @param checkedId
		 *            the unique identifier of the newly checked radio button
		 */
		public void onCheckedChanged(CustomRadioGroup group, int checkedId);
	}

	private class CheckedStateTracker implements
			CompoundButton.OnCheckedChangeListener {
		public void onCheckedChanged(CompoundButton buttonView,
				boolean isChecked) {
			// prevents from infinite recursion
			if (mProtectFromCheckedChange) {
				return;
			}

			mProtectFromCheckedChange = true;
			if (mCheckedId != -1) {
				setCheckedStateForView(mCheckedId, false);
			}
			mProtectFromCheckedChange = false;

			int id = buttonView.getId();
			setCheckedId(id);
		}
	}

	/**
	 * <p>
	 * A pass-through listener acts upon the events and dispatches them to
	 * another listener. This allows the table layout to set its own internal
	 * hierarchy change listener without preventing the user to setup his.
	 * </p>
	 */
	private class PassThroughHierarchyChangeListener implements
			ViewGroup.OnHierarchyChangeListener {
		private ViewGroup.OnHierarchyChangeListener mOnHierarchyChangeListener;

		/**
		 * {@inheritDoc}
		 */
		@TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
		public void onChildViewAdded(View parent, View child) {
			if (parent == CustomRadioGroup.this) {

				final List<CompoundButton> list = findCheckedView(child);
				if (list!=null) {
					for (CompoundButton view : list) {
						if (view != null) {
							// ....
							int id = view.getId();
							// generates an id if it's missing
							if (id == View.NO_ID
									&& Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
								id = View.generateViewId();
								view.setId(id);
							}
							view.setOnCheckedChangeListener(mChildOnCheckedChangeListener);
						}
					}
				}

			}

			if (mOnHierarchyChangeListener != null) {
				mOnHierarchyChangeListener.onChildViewAdded(parent, child);
			}
		}

		/**
		 * {@inheritDoc}
		 */
		public void onChildViewRemoved(View parent, View child) {
			if (parent == CustomRadioGroup.this) {

				final List<CompoundButton> list = findCheckedView(child);
				if (list!=null) {
					for (CompoundButton view : list) {
						if (view != null) {
							// ....
							view.setOnCheckedChangeListener(null);
						}
					}
				}

			}

			if (mOnHierarchyChangeListener != null) {
				mOnHierarchyChangeListener.onChildViewRemoved(parent, child);
			}
		}
	}
}