自定义控件(继承ViewGroup)方法：
onMeasure() : 专门处理组件的大小和宽高
onLayout() : 处理所有的child安排大小和摆放位置
onDraw() : 绘制自定义控件
onTouchEvent(): 点击事件处理
接下来将进行深入的解析每个方法：
onMeasure()的处理：
1）组件位置发生变化
2）子控件回调了onMeasure方法，父view一定也会回调onMeasure方法
3）onMeasure方法回调后，一定会回调onLayout方法
4）onMeasure()方法传入的参数，通过MeasureSpec类来进行组件大小模式的处理。
//获取该组件的实际宽度
private int measureWidth(int widthMeasureSpec) {
int specMode =MeasureSpec.getMode(widthMeasureSpec);
int specSize = MeasureSpec.getSize(widthMeasureSpec);
int result = 400;
if(specMode == MeasureSpec.AT_MOST){
//WRAP_CONTENT 最大模式 其中的子组件可以根据自己的规定的尺寸进行展示
result = specSize;
}else if(specMode == MeasureSpec.EXACTLY){
//精确的模式，它规定子组件确定的大小，无论子组件多大，子组件必须按照确定大小进行展示
result = specSize;
}
return result;
}
5）通过setMeasuredDimension（）方法设置组件的实际展示宽高。
onLayout的处理
- onLayout的作用是给所有的child安排大小和摆放位置。一般ViewGroup使用。
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
LogUtil.i("onLayout");
int count = getChildCount();
int width = getWidth();
Log.i("TAG", "宽度 :"+width);
for (int i = 0 ; i < count; i++){
View childView = getChildAt(i);
int w = childView.getMeasuredWidth();
int h = childView.getMeasuredHeight();
int x = listX.get(i);
int y = listY.get(i);
childView.layout(x, y, x + w, y + h);
}
}
完整的代码如下：
package com.ml.weihenji.widgets;
import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import com.ml.weihenji.utils.LogUtil;
import java.util.ArrayList;
/**
* Created by malei on 2017/6/14.
* 自定义自动换行viewGroup
*/
public class LineWrapLayout extends ViewGroup{
private ArrayList<Integer> listX; //保存每一个子控件的起始x坐标
private ArrayList<Integer> listY; //保存每一个子控件的起始y坐标
private int paddingLeft = 10; //左间距
private int paddingRight = 10; //右间距
private int paddingTop = 10;
private int paddingBottom = 10;
private int horizontalSpace = 10; //水平方向间距
private int verticalSpace = 5; //行间距
public LineWrapLayout(Context context) {
this(context,null);
}
public LineWrapLayout(Context context, AttributeSet attrs) {
this(context, attrs,0);
}
public LineWrapLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(attrs);
}
private void init(AttributeSet attrs) {
listX = new ArrayList<>();
listY = new ArrayList<>();
}
/**
* layout的作用是给所有的child安排大小和摆放位置。
*/
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
LogUtil.i("onLayout");
int count = getChildCount();
int width = getWidth();
Log.i("TAG", "宽度 :"+width);
for (int i = 0 ; i < count; i++){
View childView = getChildAt(i);
int w = childView.getMeasuredWidth();
int h = childView.getMeasuredHeight();
int x = listX.get(i);
int y = listY.get(i);
childView.layout(x, y, x + w, y + h);
}
}
/**
* 1.onMeasure方法会在view的位置信息发生变化或调用。
* 2.子view回调了onMeasure方法，父view一定也会回调onMeasure方法。
* 3.onMeasure方法回调后，一定会回调onLayout方法。
*
* UNSPECIFIED：父布局没有给子布局任何限制，子布局可以任意大小。
EXACTLY：父布局决定子布局的确切大小。不论子布局多大，它都必须限制在这个界限里。
AT_MOST：子布局可以根据自己的大小选择任意大小
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
LogUtil.i("onMeasure");
int count = getChildCount(); //获取子组件的个数
int width = measureWidth(widthMeasureSpec);
Log.i("TAG", "宽度 :"+width);
int startOffsetX = paddingLeft;// 横坐标开始
int startOffsety = 0+paddingTop;//纵坐标开始
int rowCount = 1; //行数目
int preEndOffsetX = startOffsetX;
listX.clear();
listY.clear();
//处理子组件的大小宽高
for (int i = 0; i < count; i++){
Log.i("TAG", "----");
final View childView = getChildAt(i);
// TODO: 2017/6/14 为什么要这么做？
childView.measure(0,0);
int childWidth = childView.getMeasuredWidth(); //子控件宽高
int childHeight = childView.getMeasuredHeight();
Log.v("TAG", "childWidth :"+childWidth+" childHeight :"+childHeight);
preEndOffsetX = startOffsetX + childWidth; //进行累计一行子组件共有宽度
//当子组件的宽度大于一行的时候
if(preEndOffsetX > width - paddingRight){
if(startOffsetX > paddingLeft){
//换行
startOffsetX = paddingLeft;
startOffsety += childHeight+verticalSpace;
rowCount++;
}
}
listX.add(startOffsetX);
listY.add(startOffsety); //不停会增加
startOffsetX = startOffsetX + childWidth + horizontalSpace; //下一个子组件的x坐标是 累计的x+上一个组件的宽度+间隔
}
int lastLineHeight = 0;
View lastChild = getChildAt(count-1);
if(null != lastChild){
lastLineHeight = lastChild.getMeasuredHeight(); //获取最后一个子控件的高度
}
setMeasuredDimension(measureWidth(widthMeasureSpec), startOffsety+lastLineHeight+paddingBottom);
}
//获取该组件的实际宽度
private int measureWidth(int widthMeasureSpec) {
int specMode =MeasureSpec.getMode(widthMeasureSpec);
int specSize = MeasureSpec.getSize(widthMeasureSpec);
int result = 400;
if(specMode == MeasureSpec.AT_MOST){
//WRAP_CONTENT 最大模式 其中的子组件可以根据自己的规定的尺寸进行展示
result = specSize;
}else if(specMode == MeasureSpec.EXACTLY){
//精确的模式，它规定子组件确定的大小，无论子组件多大，子组件必须按照确定大小进行展示
result = specSize;
}
return result;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return super.onTouchEvent(event);
}
}
