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

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
幽谷听风IMAP

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

} }

分享
微博
QQ
微信
回复
2天前
相关问题
组件如何处理组件内点击事件
2733浏览 • 1回复 待解决