是否可以对组件进行相对布局？

Question

是否可以对组件进行相对布局？

Answer 1

可以对组件进行相对布局，RelativeContainer为采用相对布局的容器，支持容器内部的子元素设置相对位置关系，适用于界面复杂场景的情况，对多个子组件进行对齐和排列。

RelativeContainer() {
  Row().width(100).height(100)
    .backgroundColor("#FF3333")
    .alignRules(AlignRus)
    .id("row1")

  Row().width(100).height(100)
    .backgroundColor("#FFCC00")
    .alignRules(RelConB)
    .id("row2")
}.width(300).height(300)

可参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-layout-development-relative-layout-0000001813416076