容器布局

容器布局可帮助您以简单易用的方式创建所选的复杂布局。添加容器布局控件时，默认情况下提供单个容器。单击画布中的“+”图标可添加更多容器。

只需拖动容器并将其拖放到布局中的任何位置，即可重新定位容器布局中的容器。可以通过拖动容器的边角来调整容器的大小。可以通过选择容器并按键盘上的 Delete 键来删除容器，或者从树视图中删除容器。

容器布局控件有两组属性。一组用于容器布局，另一组用于布局中的每个容器。

备注：

建议

要为包含不同部分的页面创建布局时，最好在页面级别使用容器布局。要在页面内对齐和定位控件，我们建议使用容器

重要提示：

Avoid Nested Container Layouts. It is recommended to avoid nested container layouts for ease of maintenance and consistency between design time and runtime.

容器布局属性

常规

• “工具提示”- 要在容器布局上显示的工具提示。使用此选项可提供有关控件的其他信息。
• Hidden- If selected, hides the control in the runtime.
• “已禁用”- 如果选中，则在运行时禁用该控件。

Events

无事件。

样式

• “背景颜色”- 设置容器布局的背景颜色。
• “字体”- 设置容器布局的字体系列。布局中的所有容器将具有与布局相同的字体系列。
• Margin- Sets the margin of the layout. By default 0px margin is set. Top/Bottom and Left/Right margin properties are combined. These properties can be unlinked using the unlink button on the right side of the Margin section heading.
• “填充”- 设置布局的填充。默认情况下，填充设置为 0px。“上/下”和“左/右”填充属性结合使用。如果需要为每一侧设置不同的填充值，则可以使用“填充”部分标题右侧的“取消链接”图标取消链接这些属性。
• “大小”- 可以在“大小”部分中设置布局的宽度和高度。默认情况下宽度设置为 100%。布局的高度会根据其中的容器自动调整，因为它设置为“自动”。

容器属性

常规

• Hidden- If selected, hides the control in the runtime.
• “已禁用”- 如果选中，则在运行时禁用该控件。

Events

• “已单击”- 配置单击容器时会发生的情况。

样式

• “布局”- 确定容器中控件的定位方式：
  • Direction (Horizontal/Vertical) - Controls are arranged one below the other (vertical) or side by side (horizontal).
  • Alignment- Controls alignment within the template ( Left, Center, Right & Stretch for Vertical direction and Top, Middle, Bottom, Stretch for Horizontal direction).
  • Justify- Top, Middle, Bottom & Distribute for Vertical direction and Left, Center, Right & Distribute for Horizontal direction.
  • “允许换行”- 如果启用，则当空间不足时，容器中的控件将换行。
• “背景颜色”- 设置容器的背景颜色。
• “边框”- 设置控件的边框。可以为边框配置边框粗细、边框颜色和角半径。
• “字体”- 设置容器的字体系列。容器中的所有控件将具有与容器相同的字体系列。