????????Android可換行的RadioGroup,有時候需要換行顯示的單選列表,當(dāng)然可以有多種實現(xiàn)方式,比如recycleview或者listview實現(xiàn),本文采用的是RadioGroup+rediobutton方式實現(xiàn)。由于RadioGroup僅支持水平布局與垂直布局,故需要自定義控件實現(xiàn)。文章來源:http://www.zghlxwxcb.cn/news/detail-781828.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-781828.html
一、首先自定義view
public class WrapRadioGroup extends RadioGroup {
private static final String TAG = "RadioGroupEx";
public WrapRadioGroup(Context context) {
super(context);
}
public WrapRadioGroup(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
//調(diào)用ViewGroup的方法,測量子view
measureChildren(widthMeasureSpec, heightMeasureSpec);
//最大的寬
int maxWidth = 0;
//累計的高
int totalHeight = 0;
//當(dāng)前這一行的累計行寬
int lineWidth = 0;
//當(dāng)前這行的最大行高
int maxLineHeight = 0;
//用于記錄換行前的行寬和行高
int oldHeight;
int oldWidth;
int count = getChildCount();
//假設(shè) widthMode和heightMode都是AT_MOST
for (int i = 0; i < count; i++) {
View child = getChildAt(i);
MarginLayoutParams params = (MarginLayoutParams) child.getLayoutParams();
//得到這一行的最高
oldHeight = maxLineHeight;
//當(dāng)前最大寬度
oldWidth = maxWidth;
int deltaX = child.getMeasuredWidth() + params.leftMargin + params.rightMargin;
if (lineWidth + deltaX + getPaddingLeft() + getPaddingRight() > widthSize) {//如果折行,height增加
//和目前最大的寬度比較,得到最寬。不能加上當(dāng)前的child的寬,所以用的是oldWidth
maxWidth = Math.max(lineWidth, oldWidth);
//重置寬度
lineWidth = deltaX;
//累加高度
totalHeight += oldHeight;
//重置行高,當(dāng)前這個View,屬于下一行,因此當(dāng)前最大行高為這個child的高度加上margin
maxLineHeight = child.getMeasuredHeight() + params.topMargin + params.bottomMargin;
// Log.v(TAG, "maxHeight:" + totalHeight + "---" + "maxWidth:" + maxWidth);
} else {
//不換行,累加寬度
lineWidth += deltaX;
//不換行,計算行最高
int deltaY = child.getMeasuredHeight() + params.topMargin + params.bottomMargin;
maxLineHeight = Math.max(maxLineHeight, deltaY);
}
if (i == count - 1) {
//前面沒有加上下一行的搞,如果是最后一行,還要再疊加上最后一行的最高的值
totalHeight += maxLineHeight;
//計算最后一行和前面的最寬的一行比較
maxWidth = Math.max(lineWidth, oldWidth);
}
}
//加上當(dāng)前容器的padding值
maxWidth += getPaddingLeft() + getPaddingRight();
totalHeight += getPaddingTop() + getPaddingBottom();
setMeasuredDimension(widthMode == MeasureSpec.EXACTLY ? widthSize : maxWidth,
heightMode == MeasureSpec.EXACTLY ? heightSize : totalHeight);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
int count = getChildCount();
//pre為前面所有的child的相加后的位置
int preLeft = getPaddingLeft();
int preTop = getPaddingTop();
//記錄每一行的最高值
int maxHeight = 0;
for (int i = 0; i < count; i++) {
View child = getChildAt(i);
MarginLayoutParams params = (MarginLayoutParams) child.getLayoutParams();
//r-l為當(dāng)前容器的寬度。如果子view的累積寬度大于容器寬度,就換行。
if (preLeft + params.leftMargin + child.getMeasuredWidth() + params.rightMargin + getPaddingRight() > (r - l)) {
//重置
preLeft = getPaddingLeft();
//要選擇child的height最大的作為設(shè)置
preTop = preTop + maxHeight;
maxHeight = getChildAt(i).getMeasuredHeight() + params.topMargin + params.bottomMargin;
} else { //不換行,計算最大高度
maxHeight = Math.max(maxHeight, child.getMeasuredHeight() + params.topMargin + params.bottomMargin);
}
//left坐標(biāo)
int left = preLeft + params.leftMargin;
//top坐標(biāo)
int top = preTop + params.topMargin;
int right = left + child.getMeasuredWidth();
int bottom = top + child.getMeasuredHeight();
//為子view布局
child.layout(left, top, right, bottom);
//計算布局結(jié)束后,preLeft的值
preLeft += params.leftMargin + child.getMeasuredWidth() + params.rightMargin;
}
}
}
二、布局直接引用
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<csu.xiaoya.robotApp.ui.view.WrapRadioGroup
android:id="@+id/rg_bls"
android:layout_width="438dp"
android:layout_height="179dp"
android:layout_below="@id/monitor_remd"
android:layout_alignParentRight="true"
android:layout_marginTop="@dimen/dp_15"
android:layout_marginRight="@dimen/dp_24"
android:orientation="horizontal"
android:padding="1dp"
app:maxWidth="300dp">
<RadioButton
android:id="@+id/rb_date_day"
android:layout_width="@dimen/dp_84"
android:layout_height="@dimen/dimen_48"
android:background="@drawable/bls_am_2h_sg"
android:button="@null"
android:checked="true"
android:layout_marginLeft="@dimen/dp_10"
android:gravity="center"
android:text="隨機(jī)血糖"
android:textColor="@color/white"
android:textSize="@dimen/sp_10" />
<RadioButton
android:id="@+id/rb_date_week"
android:layout_width="@dimen/dp_84"
android:layout_height="@dimen/dimen_48"
android:layout_marginLeft="@dimen/dp_10"
android:background="@drawable/bls_am_2h_sg"
android:button="@null"
android:gravity="center"
android:text="空腹血糖"
android:textColor="@color/white"
android:textSize="@dimen/sp_10" />
<RadioButton
android:layout_width="@dimen/dp_84"
android:layout_height="@dimen/dimen_48"
android:layout_marginLeft="@dimen/dp_10"
android:background="@drawable/bls_am_2h_sg"
android:button="@null"
android:gravity="center"
android:text="早餐后2小時"
android:textColor="@color/white"
android:textSize="@dimen/sp_10" />
<RadioButton
android:layout_width="@dimen/dp_84"
android:layout_height="@dimen/dimen_48"
android:layout_marginLeft="@dimen/dp_10"
android:background="@drawable/bls_am_2h_sg"
android:button="@null"
android:gravity="center"
android:text="早餐后2小時"
android:textColor="@color/white"
android:textSize="@dimen/sp_10" />
<RadioButton
android:layout_width="@dimen/dp_84"
android:layout_height="@dimen/dimen_48"
android:layout_marginLeft="@dimen/dp_10"
android:layout_marginTop="@dimen/dp_10"
android:background="@drawable/bls_am_2h_sg"
android:button="@null"
android:gravity="center"
android:text="早餐后2小時"
android:textColor="@color/white"
android:textSize="@dimen/sp_10" />
</csu.xiaoya.robotApp.ui.view.WrapRadioGroup>
</LinearLayout>
三、背景樣式bls_am_2h_sg
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:width="84dp" android:height="48dp" android:state_checked="false">
<shape android:shape="rectangle">
<solid android:color="#ff27b074" />
<corners android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp" android:topLeftRadius="5dp" android:topRightRadius="5dp" />
</shape>
</item>
<item android:width="88dp" android:height="50dp" android:state_checked="true">
<shape android:shape="rectangle">
<solid android:color="#ff27b074" />
<corners android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp" android:topLeftRadius="5dp" android:topRightRadius="5dp" />
</shape>
</item>
</selector>
四、大功告成
到了這里,關(guān)于Android可換行的RadioGroup的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!