3.5.2.3.4. 常见的布局错误

常见错误 1. 为自适应尺寸(根据内容)的容器内的组件设置相对尺寸

具有相对尺寸的错误布局示例:

screen layout rules 17

在此示例中,label 具有 100%的高度,而 VBox 的默认高度是 AUTO,即基于内容自适应。

使用 expand 的错误布局示例:

screen layout rules 18

Expand 隐式将标签设置为 100%的相对高度,与上面的示例一样,这种做法不正确。 在这种情况下,界面可能看起来不像预期的那样。某些组件可能会消失或大小为零。如果遇到一些奇怪的布局问题,请首先检查是否正确指定了相对尺寸。

常见错误 2. 给 ScrollBox 中的组件指定了 100%的尺寸

错误布局示例:

screen layout rules 19

由于这样的错误,即使嵌套组件的大小超过滚动区域,ScrollBox 中的滚动条也不会出现。

screen layout rules 20

常见错误 3. 没有足够空间情况下的组件对齐

错误布局的示例:

screen layout rules 21

在此示例中,HBox 根据内容自适应大小,因此标签对齐无效。

screen layout rules 22