Android 可自动换行的单选 RadioGroupEx
2017-05-10 14:36
429 查看
今天要说的,并不是很复杂的,但确是很常见的。下面这个图,就是今天的主角(可换行的RadioGroup):
可换行的单选效果,在大多网购的app中选择物品可以看到。有时候,项目中可能需要,直接拿过来用,这样就方便多了。
我们要实现可换行的单选效果,可以选择这种方式:
1.继承RadioGroup,改变RadioGroup的布局结构。
2.继承ViewGroup,写一个类似RadioGroup的容器,控制子View的单选;并且继承View,写一个类似RadioButton的子View,并重写这个子View的onTouchEvent(),使用onDraw()方法绘制需要的效果。
这两种实现方法,显然第一种是比较简单的。在这里,我也是介绍第一种方式。 我们继承了RadioGroup,只需要重写布局方式即可,其它逻辑,都不用自己处理,却拥有RadioGroup对外开放的功能。要重写RadioGroup的布局效果,需要重写的方法 onMeasure()和onLayout() (我们需要从宏观上了解ViewGroup的绘制流程,即先调用onMeasure()再调用onLayout()最后onDraw(),至于onDraw(),一般不再ViewGroup中重写该方法)。
重写的过程中,我们需要考虑到ViewGroup的padding值,和RaidoButton的margin值。 下面还是先看代码,能够从感官上了解大致流程:
最核心的类,RadioGroupEx
可换行的单选效果,在大多网购的app中选择物品可以看到。有时候,项目中可能需要,直接拿过来用,这样就方便多了。
我们要实现可换行的单选效果,可以选择这种方式:
1.继承RadioGroup,改变RadioGroup的布局结构。
2.继承ViewGroup,写一个类似RadioGroup的容器,控制子View的单选;并且继承View,写一个类似RadioButton的子View,并重写这个子View的onTouchEvent(),使用onDraw()方法绘制需要的效果。
这两种实现方法,显然第一种是比较简单的。在这里,我也是介绍第一种方式。 我们继承了RadioGroup,只需要重写布局方式即可,其它逻辑,都不用自己处理,却拥有RadioGroup对外开放的功能。要重写RadioGroup的布局效果,需要重写的方法 onMeasure()和onLayout() (我们需要从宏观上了解ViewGroup的绘制流程,即先调用onMeasure()再调用onLayout()最后onDraw(),至于onDraw(),一般不再ViewGroup中重写该方法)。
重写的过程中,我们需要考虑到ViewGroup的padding值,和RaidoButton的margin值。 下面还是先看代码,能够从感官上了解大致流程:
最核心的类,RadioGroupEx
package com.mjc.radiogroupex; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.view.View; import android.widget.RadioGroup; /** * Created by mjc on 2016/1/20. * 重新对RadioGroup进行布局,可以折行 * 默认水平开始排布 */ public class RadioGroupEx extends RadioGroup { private static final String TAG = "RadioGroupEx"; public RadioGroupEx(Context context) { super(context); } public RadioGroupEx(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); //调用ViewGroup的方法,测量子view measureChildren(widthMeasureSpec, heightMeasureSpec); //最大的宽 int maxWidth = 0; //累计的高 int totalHeight = 0; //当前这一行的累计行宽 int lineWidth = 0; //当前这行的最大行高 int maxLineHeight = 0; //用于记录换行前的行宽和行高 int oldHeight; int oldWidth; int count = getChildCount(); //假设 widthMode和heightMode都是AT_MOST for (int i = 0; i < count; i++) { View child = getChildAt(i); MarginLayoutParams params = (MarginLayoutParams) child.getLayoutParams(); //得到这一行的最高 oldHeight = maxLineHeight; //当前最大宽度 oldWidth = maxWidth; int deltaX = child.getMeasuredWidth() + params.leftMargin + params.rightMargin; if (lineWidth + deltaX + getPaddingLeft() + getPaddingRight() > widthSize) {//如果折行,height增加 //和目前最大的宽度比较,得到最宽。不能加上当前的child的宽,所以用的是oldWidth maxWidth = Math.max(lineWidth, oldWidth); //重置宽度 lineWidth = deltaX; //累加高度 totalHeight += oldHeight; //重置行高,当前这个View,属于下一行,因此当前最大行高为这个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); } } //加上当前容器的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为当前容器的宽度。如果子view的累积宽度大于容器宽度,就换行。 if (preLeft + params.leftMargin + child.getMeasuredWidth() + params.rightMargin + getPaddingRight() > (r - l)) { //重置 preLeft = getPaddingLeft(); //要选择child的height最大的作为设置 preTop = preTop + maxHeight; maxHeight = getChildAt(i).getMeasuredHeight() + params.topMargin + params.bottomMargin; } else { //不换行,计算最大高度 maxHeight = Math.max(maxHeight, child.getMeasuredHeight() + params.topMargin + params.bottomMargin); } //left坐标 int left = preLeft + params.leftMargin; //top坐标 int top = preTop + params.topMargin; int right = left + child.getMeasuredWidth(); int bottom = top + child.getMeasuredHeight(); //为子view布局 child.layout(left, top, right, bottom); //计算布局结束后,preLeft的值 preLeft += params.leftMargin + child.getMeasuredWidth() + params.rightMargin; } } }
相关文章推荐
- Android:实现类似RadioButton自动换行及单选效果
- Android开发之自动换行RadioGroup
- android 的tablelayout 中textview不会自动换行的解决办法
- Android TextView 自动换行问题(zz)
- Android TextView自动换行
- android bitmap绘制文字自动换行
- 第7章、单选按钮RadioGroup与复选框CheckBox(从零开始学Android)
- android 画文字 自动换行
- 解决android系统TextView自动换行不美观问题
- android之自定义ViewGroup和自动换行的布局的实现
- android之自定义ViewGroup和自动换行的布局的实现(支持按钮间隔)
- android定义组件自动换行
- android之自定义ViewGroup和自动换行的布局的实现
- Eclipse中的自动换行-android开发
- Eclipse中的自动换行-android开发
- android bitmap绘制文字自动换行
- Android的TextView不能自动换行的问题
- android TextView 自动换行
- Android自定义view-文本自动换行
- Android的TextView不能自动换行的问题