布局和样式

App Studio 使用不同的容器控件在应用程序布局方面提供了广泛的自定义选项，并且为每个控件提供了样式选项

定位控件

使用容器布局控件可以轻松创建自定义页面布局。这样，您可以将多个控件分组以具有特定的定位，同时配置单个控件（即容器）的布局和对齐方式。

要自定义控件在页面或容器中的位置，请执行以下操作：

1. 选择所需控件所在的页面或容器。

2. 在“样式”面板中，选择“布局”（“垂直”、“水平”）和控件对齐方式（“左对齐”、“居中”、“右对齐”、“拉伸”、“顶端对齐”、“居中”、“底端对齐”、“分布”）。

   备注：

   默认情况下，控件将自身置于一行中，并继承父容器的对齐方式。

3. （可选）对于所需的控件，通过选择一个可用选项来覆盖继承的对齐方式。要默认返回到容器对齐方式，请取消选择任何覆盖的对齐方式。
4. （可选）对于所需的容器或页面，选择“允许换行”选项以将控件换行为多行。

调整控件大小

默认情况下，控件会自动调整大小。通过设置为“自动”，控件可以调整其包含的内容的大小。例如，如果将按钮控件的宽度和高度设置为 auto，则按钮的大小将根据按钮中的文本而增大或缩小。

还可以设置特定的高度和宽度。“最小宽度/高度”和“最大宽度/高度” 位于“样式”面板“大小”部分的三点图标 (...) 下。

度量单位包括 %、px（像素）和 em（相对于元素的字体大小）。例如，3em 表示当前字体大小的 3 倍。

要选择度量单位，请使用大小字段的下拉列表，或输入单位。例如，要将宽度设置为 100 像素，请在“宽度”字段中输入 100px。

备注：

如果未提供度量单位，则系统默认使用像素 (px)。

自定义字体

要更改文本在应用程序中的显示方式，请调整“字体”部分中的属性，例如字体系列、大小、颜色或样式。

您可以通过单击颜色值旁边的箭头，在 RGB、HEX 和 HSL 颜色格式之间切换。

处理边框

边框部分有三个属性：

• 边框粗细
• 边框颜色
• 角半径。

这些属性的度量单位是像素。

设置控件间距

可以使用“边距”和“填充”部分中的属性来分隔控件和容器。

边距用于在控件周围提供间距。

填充用于在控件和控件中的内容之间提供间距。

要分离“上/下”和“左/右”值并独立设置它们，请单击“边距/填充”部分右侧的“链接”按钮。

备注：

您可以设置“容器”控件的边距和填充，而对于大多数控件，您只能设置边距。

更改背景颜色

您可以使用以下三种颜色格式之一更改控件的背景颜色：

• RGB
• HEX

• HSL

  为此，请单击颜色值旁边的箭头。