#鸿蒙通关秘籍#如何设置RelativeContainer中子组件的锚点和对齐方式？

在RelativeContainer中设置子组件的锚点，需要通过alignRules来定义。锚点可以是父容器__container__，也可以是同级的兄弟元素，需确保子元素设置了唯一的id。代码示例如下：

bash @Entry @Component struct Index { build() { RelativeContainer() { Row().width(100).height(100).backgroundColor("#FF3333") .alignRules({ top: {anchor: "container", align: VerticalAlign.Top}, left: {anchor: "container", align: HorizontalAlign.Start} }) .id("row1")

  Row().width(100).backgroundColor("#FFCC00")
    .alignRules({
      top: {anchor: "row1", align: VerticalAlign.Bottom},
      left: {anchor: "row1", align: HorizontalAlign.Center}
    })
    .id("row2")
}.width(300).height(300).border({width: 2, color: "#6699FF"})
1.
2.
3.
4.
5.
6.
7.

} }