鸿蒙开发 一 (四)、ArkTS开发 --UI篇

相对布局 RelativeContainer

• 支持容器内部的子元素设置相对位置关系
• 子元素支持指定兄弟元素作为锚点，也支持指定父容器作为锚点，基于锚点做相对位置布局

//alignRules 写法

let AlignRus:Record<string,Record<string,string|VerticalAlign|HorizontalAlign>> = {
  'top': { 'anchor': '__container__', 'align': VerticalAlign.Top },
  'left': { 'anchor': '__container__', 'align': HorizontalAlign.Start }
}

//‘top’, ‘left’, ’right‘,‘bottom’,‘middle’ 锚点方位
//anchor: 锚点id
//aligh: 该元素相对于锚点的位置

注: 相对布局容器中, 没有id的元素不会显示出来