自定义控件重点方法解析

自定义控件(继承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的处理

1. 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 listX; //保存每一个子控件的起始x坐标
    private ArrayList 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);
    }
}