RadioＧroup　随意排列，提前收藏

最新推荐文章于 2021-05-26 02:25:40 发布
最新推荐文章于 2021-05-26 02:25:40 发布
阅读量292 收藏
点赞数 1
文章标签： 移动开发
原文链接：https://juejin.im/post/59fd36d8f265da430d5760c4
版权

#记录项目中遇到的问题

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

先上图

预览图.png

网上的方法

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

我的方法最diao

  • 我觉得最简单，直接让RadioGroup继承RelativeLayout,一本万利。想怎么布局就怎么布局 [傲娇脸]
    首发地址：www.jianshu.com/p/5de08d69c…

重点解说

前两种没啥说的，网上都是说的这两种，只是形式不同。

【这里只记录我的方法 ↓↓

  • 第一步：负值radiogroup源码到到你新建的类里面
  • 第二步：radiogroup继承与Linerlayout改成RelativeLayout
  • 第三步：将报错的相关部分删掉，将setOnCheckedChangeWidgetListener替换成setOnCheckedChangeListener
  • 最后：拿去尽情的布局吧

这里只记录我的方法 ↑↑】

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

Github 源码，随手一个 star

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);
    }

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

    /**
     * <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
     * @attr ref android.R.styleable#RadioGroup_checkedButton
     * @see #check(int)
     * @see #clearCheck()
     */
    @IdRes
    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 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();
    }

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

    /**
     * <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>
     * <p>See
     * for a list of all child view attributes that this class supports.</p>
     */
    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);
        }

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

    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}
         */
        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);
            }
        }
    }
}复制代码

布局文件展示？

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.moppomobi.test.view.LiumRadioGroup
        android:id="@+id/rg"
        android:layout_width="match_parent"
        android:layout_height="500dp">

        <RadioButton
            android:id="@+id/radioButton1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="RadioButton1" />

        <RadioButton
            android:id="@+id/radioButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toEndOf="@+id/radioButton1"
            android:text="RadioButton2" />

        <RadioButton
            android:id="@+id/radioButton3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/radioButton1"
            android:text="RadioButton3" />

        <RadioButton
            android:id="@+id/radioButton4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/radioButton2"
            android:layout_toEndOf="@id/radioButton3"
            android:text="RadioButton4" />


    </com.moppomobi.test.view.LiumRadioGroup>


</LinearLayout>复制代码

欢迎转载,注明出处（不知道有啥用，但是人家都这么说了）www.jianshu.com/p/5de08d69c…

Github 源码，随手一个 star

weixin_33696822
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义RadioGroup实现radioButton多行多列
ht2101714114的专栏
05-08 6717
前段时间我需要一个2行2列的RadioGrou
RadioGroup实现单选框的多行排列
08-25
主要为大家详细介绍了RadioGroup实现单选框的多行排列，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
RadioGroup - android自定义RadioGroup实现可以添加多种布局
Android移动开发者的专栏
09-21 2156
使用时修改两处： 1  /** 查找radioButton控件 */     public RadioButton findRadioButton(ViewGroup group) {                   RadioButton resBtn = null;         int len = group.getChildCount();         for (i
Android 实现RadioButton分两（多）行分布，并解决java.lang.StackOverflowError: stack size 8MB onCheckedChanged问题
qq_30432883的博客
05-16 885
一、实现RadioButton 1、效果图展示 效果如下如所示，所需要实现的功能是，实现两（多）行多个类目的单项选择。 2、XML布局实现 Android中提供了RadioButton供我们实现多个类目的单项选择，因为一般实现单项选择都需要多个类目中选择其中的一个，故而RadioButton一般需要搭配RadioGroup使用。然而RadioGroup是继承的LinearLayout，...
Android RadioGroup 横向显示（两行两列）
你好邱林和的专栏
12-30 3万+
做的android平板项目中，需要做一个调查问卷的界面，所以需要使用radiogroup的单选按钮，在listview的一个item上添加四个radiobutton，具体的demo是参考这位博主的，链接如下：http://blog.csdn.net/who0am0i/article/details/45200709，里面解决了我最大的难题就是如何在一个item中，识别用户点击的是哪一个radio，
android设置水平布局,在android studio中设置radioGroup的orientation为vertical或者horizontal，布局都是水平的，不会垂直，为什么...
weixin_42144604的博客
05-26 2746
源自：11-2 使用RadioGroup与RadioButton在android studio中设置radioGroup的orientation为vertical或者horizontal，布局都是水平的，不会垂直，为什么android:orientation="vertical"android:layout_width="wrap_content"android:layout_height="wr...
自定义RadioGroup实现多行排列
洪勇坤的博客
11-04 3167
今天做一个单选框，效果如下： 这里需要自定义一个RadioGroup package yisu.cn.wedgit; import android.content.Context; import android.content.res.TypedArray; import android.util.AttributeSet; import android.view
RadioGroup多列显示
10-24
最简单的实现，不用重写RadioGroup.
Android ViewPager与radiogroup实现关联示例
08-31
本篇文章主要介绍了Android ViewPager与radiogroup实现关联示例，具有一定的参考价值，有兴趣的可以了解一下。
ViewPager + RadioGroup
12-18
ViewPager + RadioGroup 实现的Android 主界面。可滑动选择
RadioGroup换行
05-25
这个工具类写好的可以直接拿来用，可以换行多列使用，不影响单个选择
Android RadioGroup中横向、竖向布局RadioButton的问题
热门推荐
AMinfo的专栏
05-11 6万+
RadioGroup默认的横向android:orientation="horizontal"、竖向布局android:orientation="vertical"，无法设置每行显示的个数，只能全部横向显示或者竖向显示。 而通过线性布局模版后，RadioButton却变成不是同一个组的，变成不是单选的，达不到原先想要的效果。   本例中是想在RadioGroup中一行显示2个RadioBut
Android 自定义RadioButton样式 RadioGroup横向排列并分行
bangbang糖
10-11 9603
先上效果图，图中五个RadioButton为一组RadioGroup 一、采用的整体布局 &lt;TableLayout&gt; &lt;RadioGroup&gt; &lt;TableRow&gt; &lt;RadioButton/&gt; &lt;RadioButton/&gt; &lt;...
图片编辑器--重写 RadioGroup 的 onMeasure、onLayout 实现 RadioButton 多行多列排列
XWdoor
05-30 620
很久以前，我就有一个梦想：实现单选按钮 RadioButton 的多行多列排列。 I have a dream 场景： 某 PM：肖老板，之前咱们这里只有三个单选选项，现在我们内容丰富了，需要再增加两个选项。 肖老板：没问题，小事。加什么发我就行。（不就是加两个 RadioButton 嘛） 结局你们相信也猜到了，我还是太年轻啊。 尼玛，RadioGroup 居然不支持...
Delphi 10.3 Rio的RadioGroup1控件如何设置 Items 的排列为横向横排水平显示
Delphi开发局QQ群:32422310
01-17 2948
一般来说RadioGroup都是垂直显示的，但是某些情况我们可能需要水平横排显示，如下图： 设置方法很简单，充分提现了Delphi的强大功能和方便，只要设置RadioGroup组件的Columns列属性为1就是竖向显示，为2就是横向显示。也就是说你的Items有几个就设置几列，如下图： ...
Android的RadioGroup怎么水平排列
最新发布
04-07
RadioGroup的默认排列方式是垂直排列，如果想要水平排列可以设置属性android:orientation="horizontal"。具体代码如下： ``` <RadioGroup android:id="@+id/radio_group" android:layout_width="match_parent" ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值