HarmonyOS RelativeContainer的居中问题

这个容器的子控件能达到相对这个容器横竖都居中吗。我现在是套了个线性布局完成的,想问一下使用这个容器能不能实现

HarmonyOS
2024-08-04 14:40:55
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
济南二狗子

已知该容器子控件宽高的情况下,可以用以下方式:

RelativeContainer() { 
  Row().width(100).height(100) 
    .backgroundColor("#FF3333") 
    .alignRules({ 
      top: {anchor: "__container__", align: VerticalAlign.Center}, 
      left: {anchor: "__container__", align: HorizontalAlign.Center} 
    }) 
    .id("row1") 
    .margin({top: -50, left: -50}) 
} 
.width(300).height(300) 
.margin({left: 50}) 
.border({width:2, color: "#6699FF"})

当前场景不满足建议使用层叠布局(Stack)

分享
微博
QQ
微信
回复
2024-08-05 12:13:30
相关问题
RelativeContainer如何让多个view居中
786浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
138浏览 • 1回复 待解决
HarmonyOS RelativeContainer 组件咨询
108浏览 • 1回复 待解决
HarmonyOS Navigation标题居中,背景设置
144浏览 • 1回复 待解决
HarmonyOS Text设置align不居中
118浏览 • 1回复 待解决
相对布局(RelativeContainer
689浏览 • 1回复 待解决
HarmonyOS使用canvas如何使文字垂直居中
149浏览 • 1回复 待解决
RelativeContainer布局嵌套Stack失效
154浏览 • 1回复 待解决
RelativeContainer组件auto对齐规则
102浏览 • 1回复 待解决
RelativeContainer容器不支持自动宽高
194浏览 • 1回复 待解决
Input组件是否支持设置文本居中对齐
1698浏览 • 1回复 待解决
如何固定应用窗口大小并居中展示
1894浏览 • 1回复 待解决