自定义 ViewGroup 的指南：掌握 onMeasure 和 onLayout

2023-11-16 13:27:04

深入理解 Android 自定义 ViewGroup：打造独特布局的指南

自定义 ViewGroup 简介

在 Android 开发中，自定义 ViewGroup 是一种强大的技术，可让您创建具有独特布局行为的组件。掌握自定义 ViewGroup 的关键在于理解其核心方法：onMeasure() 和 onLayout()。

自定义 ViewGroup 的基本原理

自定义 ViewGroup 类似于一个容器，可容纳多个子视图。它负责测量和布局其子视图。当 ViewGroup 添加到父容器中时，它首先会调用 onMeasure() 方法，以确定 ViewGroup 自身和子视图的大小。然后，ViewGroup 会调用 onLayout() 方法，以将子视图放置在 ViewGroup 内部的正确位置。

onMeasure() 方法

onMeasure() 方法有两个参数：

widthMeasureSpec：指定 ViewGroup 宽度可用空间的测量规范。
heightMeasureSpec：指定 ViewGroup 高度可用空间的测量规范。

MeasureSpec 是包含可用空间信息的数据类型，包括：

mode：指定可用空间的类型（例如，精确尺寸或包裹内容）。
size：指定可用空间的大小。

onMeasure() 方法的目的是确定 ViewGroup 自身和所有子视图的大小。关键步骤包括：

测量子视图： 为每个子视图调用其 measure() 方法，以设置其大小。
确定自身大小： 根据子视图大小和 ViewGroup 布局参数，计算 ViewGroup 自身大小。
设置测量尺寸： 使用 setMeasuredDimension() 方法，设置 ViewGroup 的测量尺寸。

onLayout() 方法

onLayout() 方法有两个参数：

changed：布尔值，指示 ViewGroup 大小或位置是否发生改变。
left、top、right、bottom：ViewGroup 边界，指定子视图可用空间区域。

onLayout() 方法的目的是将子视图定位到 ViewGroup 内部。关键步骤包括：

定位子视图： 根据子视图大小和 ViewGroup 布局规则，为每个子视图确定其位置和大小。
设置子视图位置： 使用 layout() 方法，设置子视图位置。

代码示例

下面是自定义 ViewGroup 的代码示例：

public class MyViewGroup extends ViewGroup {

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 测量子视图
        measureChildren(widthMeasureSpec, heightMeasureSpec);

        // 确定自身大小
        int width = ...;
        int height = ...;

        // 设置测量尺寸
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        // 定位子视图
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);

            // 设置子视图位置
            child.layout(...);
        }
    }
}