自定義控件(繼承ViewGroup)方法:
onMeasure() : 專門處理組件的大小和寬高
onLayout() : 處理所有的child安排大小和擺放位置
onDraw() : 繪制自定義控件
onTouchEvent(): 點擊事件處理
接下來將進行深入的解析每個方法:
onMeasure()的處理:
1)組件位置發(fā)生變化
2)子控件回調了onMeasure方法,父view一定也會回調onMeasure方法
3)onMeasure方法回調后笔链,一定會回調onLayout方法
4)onMeasure()方法傳入的參數(shù)凫乖,通過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 最大模式 其中的子組件可以根據(jù)自己的規(guī)定的尺寸進行展示
result = specSize;
}else if(specMode == MeasureSpec.EXACTLY){
//精確的模式捺弦,它規(guī)定子組件確定的大小颜矿,無論子組件多大茴丰,子組件必須按照確定大小進行展示
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的位置信息發(fā)生變化或調用。
* 2.子view回調了onMeasure方法趣席,父view一定也會回調onMeasure方法兵志。
* 3.onMeasure方法回調后,一定會回調onLayout方法宣肚。
*
* UNSPECIFIED:父布局沒有給子布局任何限制毒姨,子布局可以任意大小。
EXACTLY:父布局決定子布局的確切大小钉寝。不論子布局多大弧呐,它都必須限制在這個界限里。
AT_MOST:子布局可以根據(jù)自己的大小選擇任意大小
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
LogUtil.i("onMeasure");
int count = getChildCount(); //獲取子組件的個數(shù)
int width = measureWidth(widthMeasureSpec);
Log.i("TAG", "寬度 :"+width);
int startOffsetX = paddingLeft;// 橫坐標開始
int startOffsety = 0+paddingTop;//縱坐標開始
int rowCount = 1; //行數(shù)目
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 最大模式 其中的子組件可以根據(jù)自己的規(guī)定的尺寸進行展示
result = specSize;
}else if(specMode == MeasureSpec.EXACTLY){
//精確的模式俘枫,它規(guī)定子組件確定的大小,無論子組件多大逮走,子組件必須按照確定大小進行展示
result = specSize;
}
return result;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return super.onTouchEvent(event);
}
}