#鸿蒙通关秘籍#如何处理子组件在RelativeContainer中的位置偏移？

在RelativeContainer中，如果子组件的相对对齐位置还是不满足要求，可以通过offset属性进行偏移设置。以下是代码示例，将row2组件横向偏移x: -40，纵向偏移y: -20：

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}
    })
    .offset({x: -40, y: -20})
    .id("row2")
}.width(300).height(300).border({width: 2, color: "#6699FF"})
1.
2.
3.
4.
5.
6.
7.
8.

} }