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

HarmonyOS
2024-12-10 13:15:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
墨s旋律BPM

在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"})

} }

分享
微博
QQ
微信
回复
2024-12-10 14:34:49
相关问题
HarmonyOS List组件问题咨询
110浏览 • 1回复 待解决
RelativeContainer组件auto对齐规则
431浏览 • 1回复 待解决
HarmonyOS ArkTS如何实现跳转功能?
433浏览 • 1回复 待解决