# Record problems encountered in the project
Today the project met such a requirement: RadioButton typesetting is 2 rows and 2 columns, while the original controls inherited from The RadioGroup LinearLayout only support horizontal or vertical arrangement. But that’s not enough. I found a lot of examples on the Internet. Finally use their own way to achieve the requirements. Do not look directly at the code here
The above first
Online methods
- 1. Set the margin value of readiobutton to negative value for typesetting
- 2, through custom radiogroup major rewrite addView directly from the viewGroup inside and get the radiobutton
My method is the most diao
- I thought it would be easiest to just let RadioGroup inherit from RelativeLayout. Want to how to layout is how to layout [tsundere face] starting address: www.jianshu.com/p/5de08d69c…
The key explanation
The first two have nothing to say. The Internet is all about these two, but in different forms.
Only my method is recorded here ↓↓
- Step 1: Add negative Radiogroup source code to your new class
- Step 2: RadioGroup inherits and Linerlayout to RelativeLayout
- Step 3: the error of relevant part deleted, replaced setOnCheckedChangeWidgetListener setOnCheckedChangeListener
- Finally: Go ahead and lay it out
I’m only recording my method ↑】
Code: This is a custom radioGroup can be taken directly to use
Github source code, with a 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 inThe 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 toin 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); } } /** * 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.</p>
*
* @param a the styled attributes set* @param widthAttr the width attribute to fetch * @param heightAttr the height attribute to fetch */ @Override protected voidsetBaseAttributes(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); }}}}Copy the codeLayout file presentation?
<? 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>Copy the codeWelcome to reprint, indicate the source (don’t know how much, but the somebody else all say so) www.jianshu.com/p/5de08d69c…
Github source code, with a star