如何使用RelativeContainer实现复杂相对布局

【RelativeContainer通过alignRules声明元素间相对关系。示例：

RelativeContainer() {
    Text('标签').id('label').alignRules(
        mapOf(
            "left" to AlignRule(anchor = "__container__", align = HorizontalAlign.Start),
            "centerY" to AlignRule(anchor = "__container__", align = VerticalAlign.Center)
        )
    )
    Text('值').id('value').alignRules(
        mapOf(
            "left" to AlignRule(anchor = "label", align = HorizontalAlign.End),
            "centerY" to AlignRule(anchor = "label", align = VerticalAlign.Center)
        )
    ).margin(left = 8)
    Button('操作').alignRules(
        mapOf(
            "right" to AlignRule(anchor = "__container__", align = HorizontalAlign.End),
            "centerY" to AlignRule(anchor = "__container__", align = VerticalAlign.Center)
        )
    )
}.width("100%").height(56)

__container__指容器自身。anchor指定参照组件ID，align指定对齐点。支持top/bottom/left/right/centerX/centerY共6个方向约束。】