容器布局

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

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

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

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

注意：建议避免使用嵌套容器布局，以便于维护并在设计时和运行时之间保持一致。

容器布局属性

常规

• “工具提示”- 要在容器布局上显示的工具提示。使用此选项可提供有关控件的其他信息。
• 数据上下文 - 单个实体记录的容器。在容器上设置数据上下文时，属于该容器的所有控件都可以访问绑定到容器的数据上下文。
• “隐藏”- 如果选中，则在运行时隐藏该控件。
• “已禁用”- 如果选中，则在运行时禁用该控件。

Events

无事件。

样式

• “背景颜色”- 设置容器布局的背景颜色。
• “字体”- 设置容器布局的字体系列。布局中的所有容器将具有与布局相同的字体系列。
• “边距”- 设置布局的边距。默认情况下，边距设置为 0px。“上/下”和“左/右”边距属性结合使用。可以使用“边距”部分标题右侧的“取消链接”按钮取消链接这些属性。
• “填充”- 设置布局的填充。默认情况下，填充设置为 0px。“上/下”和“左/右”填充属性结合使用。如果需要为每一侧设置不同的填充值，则可以使用“填充”部分标题右侧的“取消链接”图标取消链接这些属性。
• “大小”- 可以在“大小”部分中设置布局的宽度和高度。默认情况下宽度设置为 100%。布局的高度会根据其中的容器自动调整，因为它设置为“自动”。

容器属性

常规

• “隐藏”- 如果选中，则在运行时隐藏该控件。
• “已禁用”- 如果选中，则在运行时禁用该控件。

Events

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

样式

• “布局”- 确定容器中控件的定位方式：

  • “方向（水平/垂直）”- 控件的排列顺序是上下（垂直）还是并排（水平）。
  • “对齐”- 控制模板内的对齐方式（垂直方向为“左对齐”、“居中”、“右对齐”和“拉伸”，水平方向为“顶端对齐”、“水平居中”、“底端对齐”和“拉伸”）。
  • “两端对齐”- 垂直方向为“顶端对齐”、“垂直居中”、“底端对齐”和“分散对齐”，水平方向为“左对齐”、“居中”、“右对齐”和“分散对齐”。
  • “允许换行”- 如果启用，则当空间不足时，容器中的控件将换行。
• “背景颜色”- 设置容器的背景颜色。
• “边框”- 设置控件的边框。可以为边框配置边框粗细、边框颜色和角半径。
• “字体”- 设置容器的字体系列。容器中的所有控件将具有与容器相同的字体系列。