RelativeContainer里面嵌套另一个RelativeContainer2,RelativeContainer2的子控件的父id是什么?

RelativeContainer里面嵌套另一个RelativeContainer2,RelativeContainer2的子控件的父id是什么?-鸿蒙开发者社区

如图,这个RelativeContainer内部Text的父id应该是什么?

HarmonyOS
2024-06-05 20:25:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
ubaba

同样也是__container__,不过嵌套的子容器需要设置id,以及alignRules属性。

代码示例:

let AlignRus:Record<string,Record<string,string|VerticalAlign|HorizontalAlign>> = { 
  'top': { 'anchor': '__container__', 'align': VerticalAlign.Top }, 
  'left': { 'anchor': '__container__', 'align': HorizontalAlign.Start } 
} 
let AlignRue:Record<string,Record<string,string|VerticalAlign|HorizontalAlign>> = { 
  'top': { 'anchor': '__container__', 'align': VerticalAlign.Top }, 
  'right': { 'anchor': '__container__', 'align': HorizontalAlign.End } 
} 
let Mleft:Record<string,number> = { 'left': 20 } 
let BWC:Record<string,number|string> = { 'width': 2, 'color': '#6699FF' } 
@Entry 
@Component 
struct PositionPage { 
  build() { 
 
    RelativeContainer() { 
      Row().width(100).height(100) 
        .backgroundColor("#FF3333") 
        .alignRules(AlignRus) 
        .id("row1") 
 
      Row().width(100).height(100) 
        .backgroundColor("#FFCC00") 
        .alignRules(AlignRue) 
        .id("row2") 
 
      RelativeContainer(){ 
        Text('咨询日期') 
          .id('dataText') 
          .width(100) 
          .height(100) 
          .fontSize(12) 
          .backgroundColor(Color.Green) 
          .alignRules({ 
            right:{anchor:'__container__',align:HorizontalAlign.End} 
          }) 
      } 
      .backgroundColor(Color.Pink) 
      .id("subContainer") 
      .alignRules( 
        { 
          top :{anchor:'__container__',align:VerticalAlign.Bottom} 
        } 
      ) 
    } 
    .width(300).height(300) 
    .margin(Mleft) 
    .border(BWC) 
  } 
}
分享
微博
QQ
微信
回复
2024-06-06 21:14:27
相关问题
相对布局(RelativeContainer
319浏览 • 1回复 待解决
RelativeContainer如何让多个view居中
357浏览 • 1回复 待解决
entry中如何拉起另一个Module中Ability
2352浏览 • 1回复 待解决
HAR能读到另一个HAR里rawfile文件吗
446浏览 • 1回复 待解决
spark 只分配2executor,什么原因?
838浏览 • 1回复 待解决
如何生成一个可以交互移动窗口
268浏览 • 1回复 待解决