`

实现RadioButton多行多列排列布局

阅读更多
package com.widget.view;

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

import android.annotation.SuppressLint;
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.view.accessibility.AccessibilityEvent;
import android.view.accessibility.AccessibilityNodeInfo;
import android.widget.CompoundButton;
import android.widget.LinearLayout;
import android.widget.RadioButton;

/**
 * 复杂样式的单选框,自定义RadioGroup实现RadioButton多行多列排列布局
 * 
 * 	1、使用与RadioGroup一样,MutilRadioGroup里的所有RadioButton(包括MutilRadioGroup里嵌套的子布局里面的所有RadioButton)属于同一组。
	2、增加方法setCheckWithoutNotification(int id),设置默认的RadioButton被选中,但是不响应监听事件。
	
 * @author https://github.com/pheng/android_radiogroup_MutilRadioGroup
 *
 */
public class MutilRadioGroup extends LinearLayout {
    // 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 MutilRadioGroup(Context context) {
        super(context);
        setOrientation(VERTICAL);
        init();
    }

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

    private void init() {
        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;
    }
    
    /**
     * set the default checked radio button, without notification the listeners
     * @param mCheckedId the default checked radio button's id, if none use -1
     */
    public void setCheckWithoutNotification(int id){
        if (id != -1 && (id == mCheckedId)) {
            return;
        }

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

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

    @Override
    public void addView(View child, int index, ViewGroup.LayoutParams params) {
    	List<RadioButton> btns = getAllRadioButton(child);
    	if(btns != null && btns.size() > 0){
    		for(RadioButton button : btns){
    			if (button.isChecked()) {
        			mProtectFromCheckedChange = true;
        			if (mCheckedId != -1) {
        				setCheckedStateForView(mCheckedId, false);
        			}
        			mProtectFromCheckedChange = false;
        			setCheckedId(button.getId());
        		}
    		}
    	}
        super.addView(child, index, params);
    }
    
    /**
     * get all radio buttons which are in the view
     * @param child
     */
    private List<RadioButton> getAllRadioButton(View child){
    	List<RadioButton> btns = new ArrayList<RadioButton>();
    	if (child instanceof RadioButton) {
    		btns.add((RadioButton) child);
    	}else if(child instanceof ViewGroup){
    		int counts = ((ViewGroup) child).getChildCount();
    		for(int i = 0; i < counts; i++){
    			btns.addAll(getAllRadioButton(((ViewGroup) child).getChildAt(i)));
    		}
    	}
    	return btns;
    }

    /**
     * <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 RadioButton) {
            ((RadioButton) 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#MyRadioGroup_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 MutilRadioGroup.LayoutParams(getContext(), attrs);
    }

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

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

    @Override
    public void onInitializeAccessibilityEvent(AccessibilityEvent event) {
        super.onInitializeAccessibilityEvent(event);
        event.setClassName(MutilRadioGroup.class.getName());
    }

    @Override
    public void onInitializeAccessibilityNodeInfo(AccessibilityNodeInfo info) {
        super.onInitializeAccessibilityNodeInfo(info);
        info.setClassName(MutilRadioGroup.class.getName());
    }

    /**
     * <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(MutilRadioGroup 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}
         */
        @SuppressLint("NewApi")
		public void onChildViewAdded(View parent, View child) {
            if (parent == MutilRadioGroup.this ) {
            	List<RadioButton> btns = getAllRadioButton(child);
            	if(btns != null && btns.size() > 0){
            		for(RadioButton btn : btns){
            			int id = btn.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();
            				btn.setId(id);
            			}
            			btn.setOnCheckedChangeListener(
            					mChildOnCheckedChangeListener);
            		}
            	}
            }

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

        /**
         * {@inheritDoc}
         */
        public void onChildViewRemoved(View parent, View child) {
            if (parent == MutilRadioGroup.this) {
                List<RadioButton> btns = getAllRadioButton(child);
            	if(btns != null && btns.size() > 0){
            		for(RadioButton btn : btns){
            			btn.setOnCheckedChangeListener(null);
            		}
            	}
            }

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


CircleCheckBox
https://github.com/CoXier/CheckBox
分享到:
评论

相关推荐

    RadioButton实现多行多列单选

    在本场景中,我们讨论的主题是如何利用`RadioButton`在布局中实现多行多列的单选效果。这个功能在创建例如设置界面、问卷调查或者选项列表时非常常见。 `RadioButton`属于`RadioGroup`的一部分,`RadioGroup`是一个...

    RadioGroup支持RadioButton多行多列

    总结一下,`RadioGroup` 支持 `RadioButton` 的多行多列布局,通过设置不同的布局组件和属性,我们可以自由地调整 `RadioButton` 的排列方式。同时,通过设置 `OnCheckedChangeListener`,我们可以轻松获取用户在 `...

    Android-支持多行多列等复杂布局的RadioGroup

    1. **多行多列布局**:原生RadioGroup默认将RadioButton垂直排列,`Multi_RadioGroup_Plus`允许开发者自定义行数和列数,使得RadioButtons可以按照指定的行列数量进行排列。 2. **自动换行**:当RadioButtons超出当...

    实现多行多列单选框(自定义控件)

    4. **布局管理**:为了让单选框按照多行多列的方式排列,我们需要编写逻辑来计算每个单选框的位置。这可能涉及到计算网格的宽度和高度,以及每个单元格的位置。 5. **数据绑定**:如果项目中存在数据驱动的需求,...

    Android多行多列的单选按钮组的实现

    本教程将详细介绍如何在Android应用中实现一个多行多列的`RadioGroup`,以提供更加灵活和美观的用户界面。 首先,我们需要了解`RadioGroup`的基本用法。`RadioGroup`继承自`LinearLayout`,所以它可以按垂直或水平...

    RadioGroup实现单选框的多行排列

    每个 RadioGroup 可以容纳多个 RadioButton,通过设置 RadioGroup 的 orientation 属性,可以实现水平或竖直方向上的排列。然后,我们可以将多个 RadioGroup 组合起来,实现多行排列的效果。 下面是实现多行排列的...

    RadioGroup

    这个组件允许开发者将RadioButton组织成多行多列的布局,以适应不同屏幕尺寸和复杂的用户交互需求。 一、RadioGroup的基本使用 1. 添加到布局文件:在XML布局文件中,可以通过添加标签来创建一个RadioGroup。例如...

    自定义RadioGroup

    在这个自定义类中,我们可以覆盖`onLayout`方法来处理子项的布局,实现多行多列的排列。同时,我们需要维护一个内部数据结构,如二维数组或列表,用于存储每个`RadioButton`的位置信息,以便于在选中事件中正确更新...

    重构RadioGroup

    总之,重构`RadioGroup`以实现多行多列的`RadioButton`展示,是一个挑战性的任务,它涉及到对Android布局系统深入的理解。通过自定义布局,我们可以实现更复杂的界面设计,提高用户体验。在实际开发中,这种定制化的...

    三,android编码规范 & 常用布局 & 常用控件

    4. **网格布局(GridLayout)**:将元素均匀分布到多行多列中,适合展示列表或卡片。 5. **约束布局(ConstraintLayout)**:Google推出的最新布局,通过约束实现元素之间的相对位置,可以替代相对布局,提供更高效...

    FlowLayout.rar

    这个布局在创建多列或者需要按行排列元素的界面时非常实用,比如在创建一个选项列表或者展示一些标签时。`FlowLayout.rar`可能包含了一个示例项目,帮助开发者快速理解和使用这种布局。 `FlowLayout`与Android默认...

    WinForm_GUI_WinformUI_winformgui_winform控件_winform_源码.zip

    `FlowLayoutPanel`按照特定的方向(水平或垂直)自动排列控件,而`TableLayoutPanel`则使用表格样式布局,支持多行多列的控件排列。 此外,WinForm还支持事件驱动编程模型,这意味着当用户与控件交互时(如点击按钮...

    期末考试安卓综合实验复习可参考

    4. **ConstraintLayout**:更为灵活的布局管理器,可以通过设置约束条件来控制各个元素的位置,实现复杂布局,包括单选按钮的多行显示。 5. **动态添加RadioButton**:如果数量不确定或需要动态调整,可以编程方式...

    一个demo让你学会所有ui控件

    列表视图(ListView)和网格视图(GridView)用于展示多行多列的数据,通常结合Adapter使用,自定义每行或每列的视图。滚动视图(ScrollView)可容纳多个视图,并允许用户上下滚动查看。 日期/时间选择器(DatePicker/...

    安卓开发-BOOK看遍所有UI控件.zip

    - **GridView**:网格布局,显示多行多列的元素。 - **TabLayout**:标签页,用于分隔内容。 - **SwipeRefreshLayout**:滑动刷新布局,常见于新闻列表,下拉刷新内容。 3. **自定义控件**: - 开发者可以根据...

    android控件

    11. GridView:网格布局,可展示多行多列的数据。 12. WebView:内置浏览器组件,用于加载网页内容。 二、界面跳转 在Android应用中,界面间的跳转是通过Intent实现的。Intent是一个对象,用于表示应用程序中的一...

    Android GUI 控件

    - `TableLayout`:类似表格的布局,适合多行多列展示数据。 3. **自定义控件**: - 开发者可以根据需求自定义控件,通过继承现有控件并覆盖相关方法。 - 自定义绘图逻辑,使用`onDraw()`方法。 - 处理触摸事件...

    Android Studio开发边干边学

    - **网格布局GridLayout**:类似于HTML中的表格布局,但是更为灵活,控件可以跨越多行多列。 ### Android Studio视图工具箱 - **View组件的使用**:Android Studio提供了丰富的视图组件,如文本框(TextView)、...

    android用户界面开发

    RadioButton 则用于单选,同一组内的多个 RadioButton 只能有一个被选中。这两种控件常用于设置界面,让用户在多个选项中做出选择。 5.2.4 SpinnerSpinner 是下拉列表控件,用于在有限的选项中选择一项。用户点击 ...

    Android开发笔记——UI基础编程

    4. GridLayout:类似表格,将视图按行和列进行布局。 5. ConstraintLayout:是最灵活的布局,通过约束条件确定视图的位置,可实现复杂的界面设计。 三、动态创建UI 除了XML布局外,还可以通过Java代码动态创建和...

Global site tag (gtag.js) - Google Analytics