Layout 根布局

layout 是 界面描述 中其他 组件 和 容器 的根容器。与 vbox 类似，内部组件垂直排布。

属性

maxHeight

设置窗口布局的最大 CSS 高度。例如，"640px", "auto"。

maxWidth

设置窗口布局的最大 CSS 宽度。例如，"640px", "auto"。

minHeight

设置窗口布局的最小 CSS 高度。例如，"640px", "auto"。

minWidth

设置窗口布局的最小 CSS 宽度。例如，"640px", "auto"。

示例：

<layout minWidth="600px"
        minHeight="200px">
    <textArea width="800px"/>
</layout>
layout
Figure 1. 布局中占满空间的 textArea
layout scroll
Figure 2. 当窗口尺寸小于布局的最小尺寸时展示滚动条

这些属性也支持对话框模式：

<dialogMode forceDialog="true"
            width="500"
            height="250"/>
<layout minWidth="600px"
        minHeight="200px">
    <textArea width="250px"/>
</layout>
layout modal
Figure 3. 当对话框尺寸小于布局的最小尺寸时展示滚动条

XML 属性

expand - height - margin - maxHeight - maxWidth - minHeight - minWidth - responsive - spacing - stylename - width