【Android自定义控件】支持多层嵌套RadioButton的RadioGroup

简介:

前言

非常喜欢用RadioButton+RadioGroup做Tabs,能自动处理选中等效果,但是自带的RadioGroup不支持嵌套RadioButton(从源码可看出仅仅是判断子控件是不是RadioButton),本文参考RadioGroup修改了一个支持嵌套CompoundButton的控件,非常实用。 

 

声明
欢迎转载,但请保留文章原始出处:) 

博客园:http://www.cnblogs.com

农民伯伯: http://over140.cnblogs.com 

 

正文

复制代码
/**
 * 支持嵌套CompoundButton的NestRadioGroup
 * 
 * 
@author  农民伯伯  http://www.cnblogs.com/over140/
 *
 
*/
public  class NestRadioGroup  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 NestRadioGroup(Context context) {
         super(context);
        init();
    }

     /**
     * {
@inheritDoc }
     
*/
     public NestRadioGroup(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; // 没有找到
    }

    @Override
     public  void addView(View child,  int index, ViewGroup.LayoutParams params) {
         final CompoundButton view = findCheckedView(child);
         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#NestRadioGroup_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 NestRadioGroup.LayoutParams(getContext(), attrs);
    }

     /**
     * {
@inheritDoc }
     
*/
    @Override
     protected  boolean checkLayoutParams(ViewGroup.LayoutParams p) {
         return p  instanceof NestRadioGroup.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(NestRadioGroup 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 == NestRadioGroup. this) {
                CompoundButton view = findCheckedView(child); // 查找子控件
                 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 == NestRadioGroup. this) {
                CompoundButton view = findCheckedView(child); // 查找子控件
                 if (view !=  null) {
                    view.setOnCheckedChangeListener( null);
                }
            }

             if (mOnHierarchyChangeListener !=  null) {
                mOnHierarchyChangeListener.onChildViewRemoved(parent, child);
            }
        }
    }
复制代码

}  

代码说明

代码主要是仿照RadioGroup改写,主要是findCheckedView方法递归查找具有选中属性的子控件。


用法

复制代码
         < com.xxx.ui.view.NestRadioGroup
            
android:id ="@+id/main_radio"
            android:layout_width
="fill_parent"
            android:layout_height
="wrap_content"
            android:gravity
="center"
            android:orientation
="horizontal"   >

             < RadioButton
                
android:id ="@+id/radio_button0"
                android:layout_width
="0dip"
                android:layout_height
="wrap_content"
                android:layout_weight
="1.0"
                android:checked
="true"
                android:text
="@string/bottom_feed"   />

             < RadioButton
                
android:id ="@+id/radio_button1"
                android:layout_width
="0dip"
                android:layout_height
="wrap_content"
                android:layout_weight
="1.0"
                android:text
="@string/bottom_square"   />

             < RelativeLayout
                
android:layout_width ="0dip"
                android:layout_height
="fill_parent"
                android:layout_weight
="1.0"
                android:orientation
="horizontal"   >

                 < RadioButton
                    
android:id ="@+id/radio_button2"
                    style
="@style/title_tab_text_style"
                    android:layout_width
="wrap_content"
                    android:layout_height
="wrap_content"
                    android:layout_centerInParent
="true"
                    android:text
="@string/bottom_message"   />

                 < ImageView
                    
android:id ="@+id/new_message_tips"
                    android:layout_width
="wrap_content"
                    android:layout_height
="wrap_content"
                    android:layout_marginTop
="10dip"
                    android:layout_toRightOf
="@+id/radio_button2"
                    android:src
="@drawable/news_tips_red"   />
             </ RelativeLayout >
         </ com.xxx.ui.view.NestRadioGroup >
复制代码

  代码说明 

1、实现非常常见的Tabs效果,结合ViewPager来使用,new_message_tips可以是一个类似微信右上角的小红圈,用来提醒有新的消息。 

2、View.generateViewId需要4.2以上才能使用,所以最好自己设置id


转自:http://www.cnblogs.com/over140/p/3795877.html

目录
相关文章
|
6月前
|
XML 前端开发 Java
Android Studio App自定义控件中自定义视图的绘制讲解及实战(附源码 包括自定义绘制各种图形)
Android Studio App自定义控件中自定义视图的绘制讲解及实战(附源码 包括自定义绘制各种图形)
97 1
|
1月前
|
缓存 搜索推荐 Android开发
安卓开发中的自定义控件实践
【10月更文挑战第4天】在安卓开发的海洋中,自定义控件是那片璀璨的星辰。它不仅让应用界面设计变得丰富多彩,还提升了用户体验。本文将带你探索自定义控件的核心概念、实现过程以及优化技巧,让你的应用在众多竞争者中脱颖而出。
|
30天前
|
缓存 搜索推荐 Android开发
安卓开发中的自定义控件基础与进阶
【10月更文挑战第5天】在Android应用开发中,自定义控件是提升用户体验和界面个性化的重要手段。本文将通过浅显易懂的语言和实例,引导你了解自定义控件的基本概念、创建流程以及高级应用技巧,帮助你在开发过程中更好地掌握自定义控件的使用和优化。
33 10
|
1月前
|
前端开发 搜索推荐 Android开发
安卓开发中的自定义控件实践
【10月更文挑战第4天】在安卓开发的世界里,自定义控件如同画家的画笔,能够绘制出独一无二的界面。通过掌握自定义控件的绘制技巧,开发者可以突破系统提供的界面元素限制,创造出既符合品牌形象又提供卓越用户体验的应用。本文将引导你了解自定义控件的核心概念,并通过一个简单的例子展示如何实现一个基本的自定义控件,让你的安卓应用在视觉和交互上与众不同。
|
2月前
|
缓存 前端开发 Android开发
安卓应用开发中的自定义控件
【9月更文挑战第28天】在安卓应用开发中,自定义控件是提升用户界面和交互体验的关键。本文通过介绍如何从零开始构建一个自定义控件,旨在帮助开发者理解并掌握自定义控件的创建过程。内容将涵盖设计思路、实现方法以及性能优化,确保开发者能够有效地集成或扩展现有控件功能,打造独特且高效的用户界面。
|
2月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义控件
【9月更文挑战第5天】在安卓开发的海洋中,自定义控件如同一艘精致的小船,让开发者能够乘风破浪,创造出既独特又高效的用户界面。本文将带你领略自定义控件的魅力,从基础概念到实战应用,一步步深入理解并掌握这一技术。
|
3月前
|
Android开发 UED 开发者
安卓开发中的自定义控件基础
【8月更文挑战第31天】在安卓应用开发过程中,自定义控件是提升用户界面和用户体验的重要手段。本文将通过一个简易的自定义按钮控件示例,介绍如何在安卓中创建和使用自定义控件,包括控件的绘制、事件处理以及与布局的集成。文章旨在帮助初学者理解自定义控件的基本概念,并能够动手实践,为进一步探索安卓UI开发打下坚实的基础。
|
3月前
|
存储 缓存 前端开发
安卓开发中的自定义控件实现及优化策略
【8月更文挑战第31天】在安卓应用的界面设计中,自定义控件是提升用户体验和实现特定功能的关键。本文将引导你理解自定义控件的核心概念,并逐步展示如何创建一个简单的自定义控件,同时分享一些性能优化的技巧。无论你是初学者还是有一定经验的开发者,这篇文章都会让你对自定义控件有更深的认识和应用。
|
5月前
|
XML Java Android开发
16. 【Android教程】选择框 RadioButton/Check
16. 【Android教程】选择框 RadioButton/Check
40 3
|
5月前
|
编解码 Android开发
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
80 0