鸿蒙HarmonyOS应用开发旅程ArkUI实战绘制（四）自定义组件的自定义布局

在前面的教程中，我们学习了如何使用HarmonyOS的布局组件来实现复杂的界面布局。然而，有时候我们可能需要更灵活的布局方式来满足特定的需求。这时候，我们可以使用自定义布局来创建自定义的组件。

自定义布局是指自己编写代码来定义组件的布局方式，而不是使用内置的布局组件。这样可以更灵活地控制组件的位置、大小和排列方式。

在本教程中，我们将使用自定义布局来创建一个自定义组件的布局

• 推荐参考华为onMeasureSize：组件每次布局时触发，计算子组件的尺寸，其执行时间先于onPlaceChildren。

• 推荐参考华为：组件每次布局时触发，设置子组件的起始位置。

// xxx.ets
@Entry
@Component
struct Index {
  build() {
    Column() {
      CustomLayout({ builder: ColumnChildren })
    }
  }
}

// 通过builder的方式传递多个组件，作为自定义组件的一级子组件（即不包含容器组件，如Column）
@Builder
function ColumnChildren() {
  ForEach([1, 2, 3], (index: number) => { // 暂不支持l