3.5.2.3.4. 常见的布局错误

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

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







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



使用 expand 的错误布局示例：







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

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

错误布局示例：







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

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

错误布局的示例：







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