自定义控件视图篇（一）测量与布局

在自定义控件的开发过程中，"视图篇"的测量与布局是非常关键的步骤，这直接决定了控件的尺寸、位置以及子视图的排列方式。下面我将详细介绍测量和布局的过程，以及如何在自定义控件中正确实现这些步骤。

视图的测量 (onMeasure)

在 Android 中，每个视图都会经历测量过程来确定其尺寸。这个过程发生在 onMeasure() 方法中。系统会调用此方法并传入两个参数：MeasureSpecs。这两个参数分别代表了水平方向和垂直方向上的约束。

MeasureSpec 包含三个部分：

MeasureSpec.UNSPECIFIED：没有指定大小，视图可以自由扩展。
MeasureSpec.EXACTLY：视图应该严格遵守给定的大小。
MeasureSpec.AT_MOST：视图不应超过给定的大小，但可以更小。

MeasureSpec 的值由 MeasureSpec.getSize() 和 MeasureSpec.getMode() 方法获取。在 onMeasure() 中，你需要根据这些约束计算出你的视图的理想尺寸，并调用 setMeasuredDimension() 方法来设置视图的宽高。

视图的布局 (onLayout)

一旦视图被测量，下一步就是布局。onLayout() 方法负责决定视图内部元素的位置。当视图的大小改变或者其父视图调用了 requestLayout() 方法时，onLayout() 方法会被调用。

在 onLayout() 方法中，你需要遍历所有的子视图，并使用 layout() 方法来确定它们的位置。layout() 方法接收四个参数：左边界、上边界、右边界和下边界。

实现自定义视图的测量和布局

下面是一个简单的自定义视图类，实现了测量和布局的基本逻辑：

Java

1public class CustomView extends View {
2
3    public CustomView(Context context) {
4        super(context);
5    }
6
7    public CustomView(Context context, AttributeSet attrs) {
8        super(context, attrs);
9    }
10
11    public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
12        super(context, attrs, defStyleAttr);
13    }
14
15    @Override
16    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
17        // 计算理想宽度和高度
18        int idealWidth = ...; // 你的宽度计算逻辑
19        int idealHeight = ...; // 你的高度计算逻辑
20
21        // 获取宽度和高度的测量模式
22        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
23        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
24
25        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
26        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
27
28        // 根据测量模式和理想尺寸计算最终尺寸
29        int finalWidth = 0;
30        int finalHeight = 0;
31
32        if (widthMode == MeasureSpec.EXACTLY) {
33            finalWidth = widthSize;
34        } else {
35            finalWidth = idealWidth;
36        }
37
38        if (heightMode == MeasureSpec.EXACTLY) {
39            finalHeight = heightSize;
40        } else {
41            finalHeight = idealHeight;
42        }
43
44        setMeasuredDimension(finalWidth, finalHeight);
45    }
46
47    @Override
48    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
49        // 布局子视图
50        for (int i = 0; i < getChildCount(); i++) {
51            View child = getChildAt(i);
52            // 计算子视图的位置
53            int childLeft = ...; // 子视图左边界
54            int childTop = ...; // 子视图上边界
55            int childRight = ...; // 子视图右边界
56            int childBottom = ...; // 子视图下边界
57            child.layout(childLeft, childTop, childRight, childBottom);
58        }
59    }
60}