关于RadioButton排列的问题

记录项目中遇到的问题

今天项目遇到这样一个需求:radiobutton 排版为2行2列,然而radiogroup继承自 LinearLayout 原始的控件仅支持水平排列,或垂直排列。然而这并不能满足需求。于是在网上找了大量的例子。最终还是用自己方法实现了需求。
在此记录不要直接看代码

先上图

关于RadioButton排列的问题_第1张图片
预览图.png

网上的方法

  • 1、通过设置readiobutton 的margin值为负值来进行排版
  • 2、通过自定义radiogroup 重点重写addView 从viewGroup里面直接取出里面的radiobutton

我的方法最diao

  • ** 我觉得最简单,直接让RadioGroup继承RelativeLayout,一本万利。想怎么布局就怎么布局 [傲娇脸]**
    原文地址:http://www.jianshu.com/p/5de08d69c02e

重点解说

前两种没啥说的,网上都是说的这两种,只是形式不同。
这里只记录我的方法
第一步:负值radiogroup源码到到你新建的类里面
第二步:radiogroup继承与Linerlayout改成RelativeLayout
第三步:将报错的相关部分删掉,将setOnCheckedChangeWidgetListener替换成setOnCheckedChangeListener
最后:拿去尽情的布局吧


代码:
这是自定义的radioGroup 可拿去直接用

package com.liumeng.radiogroup.view;/*
* Copyright (C) 2006 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*      http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/


import android.content.Context;
import android.content.res.TypedArray;
import android.support.annotation.IdRes;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CompoundButton;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.RelativeLayout;


public class LiumRadioGroup extends RelativeLayout {
   // 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 LiumRadioGroup(Context context) {
       super(context);
       init();
   }

   /**
    * {@inheritDoc}
    */
   public LiumRadioGroup(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;
   }

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

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


   @Override
   public void addView(View child, int index, ViewGroup.LayoutParams params) {
       if (child instanceof RadioButton) {
           final RadioButton button = (RadioButton) child;
           if (button.isChecked()) {
               mProtectFromCheckedChange = true;
               if (mCheckedId != -1) {
                   setCheckedStateForView(mCheckedId, false);
               }
               mProtectFromCheckedChange = false;
               setCheckedId(button.getId());
           }
       }

       super.addView(child, index, params);
   }

   /**
    * 

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()}.

* * @param id the unique id of the radio button to select in this group * @see #getCheckedRadioButtonId() * @see #clearCheck() */ public void check(@IdRes 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(@IdRes 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); } } /** *

Returns the identifier of the selected radio button in this group. * Upon empty selection, the returned value is -1.

* * @return the unique id of the selected radio button in this group * @attr ref android.R.styleable#RadioGroup_checkedButton * @see #check(int) * @see #clearCheck() */ @IdRes public int getCheckedRadioButtonId() { return mCheckedId; } /** *

Clears the selection. When the selection is cleared, no radio button * in this group is selected and {@link #getCheckedRadioButtonId()} returns * null.

* * @see #check(int) * @see #getCheckedRadioButtonId() */ public void clearCheck() { check(-1); } /** *

Register a callback to be invoked when the checked radio button * changes in this group.

* * @param listener the callback to call on checked state change */ public void setOnCheckedChangeListener(OnCheckedChangeListener listener) { mOnCheckedChangeListener = listener; } /** * {@inheritDoc} */ @Override public RelativeLayout.LayoutParams generateLayoutParams(AttributeSet attrs) { return new LiumRadioGroup.LayoutParams(getContext(), attrs); } /** * {@inheritDoc} */ @Override protected boolean checkLayoutParams(ViewGroup.LayoutParams p) { return p instanceof LiumRadioGroup.LayoutParams; } @Override protected LinearLayout.LayoutParams generateDefaultLayoutParams() { return new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); } @Override public CharSequence getAccessibilityClassName() { return LiumRadioGroup.class.getName(); } /** *

Interface definition for a callback to be invoked when the checked * radio button changed in this group.

*/ public interface OnCheckedChangeListener { /** *

Called when the checked radio button has changed. When the * selection is cleared, checkedId is -1.

* * @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(LiumRadioGroup group, @IdRes int checkedId); } /** *

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.

*

*

See * for a list of all child view attributes that this class supports.

*/ public static class LayoutParams extends RelativeLayout.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); } /** * {@inheritDoc} */ public LayoutParams(ViewGroup.LayoutParams p) { super(p); } /** * {@inheritDoc} */ public LayoutParams(MarginLayoutParams source) { super(source); } /** *

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.

* * @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; } } } 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); } } /** *

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.

*/ private class PassThroughHierarchyChangeListener implements ViewGroup.OnHierarchyChangeListener { private ViewGroup.OnHierarchyChangeListener mOnHierarchyChangeListener; /** * {@inheritDoc} */ public void onChildViewAdded(View parent, View child) { if (parent == LiumRadioGroup.this && child instanceof RadioButton) { int id = child.getId(); // generates an id if it's missing if (id == View.NO_ID) { id = View.generateViewId(); child.setId(id); } ((RadioButton) child).setOnCheckedChangeListener( mChildOnCheckedChangeListener); } if (mOnHierarchyChangeListener != null) { mOnHierarchyChangeListener.onChildViewAdded(parent, child); } } /** * {@inheritDoc} */ public void onChildViewRemoved(View parent, View child) { if (parent == LiumRadioGroup.this && child instanceof RadioButton) { ((RadioButton) child).setOnCheckedChangeListener(null); } if (mOnHierarchyChangeListener != null) { mOnHierarchyChangeListener.onChildViewRemoved(parent, child); } } } }

布局文件展示?




    

        

        

        

        


    



欢迎转载,注明出处(不知道有啥用,但是人家都这么说了)http://www.jianshu.com/p/5de08d69c02e

你可能感兴趣的:(关于RadioButton排列的问题)