#鸿蒙通关秘籍#如何在RelativeContainer中配置竖直方向对齐?

HarmonyOS
5天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
墨雨尘XML

通过alignRules属性设置子组件在VerticalAlign.Top、VerticalAlign.Center、VerticalAlign.Bottom等位置与容器或其他子组件对齐。

bash @Entry @Component struct ArkUIClubTest { build() { Column({space: 10}) { RelativeContainer() { Text("Top") .fontSize(25) .width(120) .height(40) .backgroundColor("#bbccaa") .alignRules({ top: { anchor: "container", align: VerticalAlign.Top } }) .id("test") } .width("100%") .height(90) .backgroundColor(Color.Pink) } .width("100%") .height("100%") .backgroundColor("#aabbcc") .padding({left: 50, top: 10, right: 50, bottom: 10}) } }

分享
微博
QQ
微信
回复
5天前
相关问题
RelativeContainer组件auto对齐规则
339浏览 • 1回复 待解决