布局和样式

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

定位控件

使用容器布局控件可以轻松创建自定义页面布局。

我们可以使用“对齐和布局”选项在页面或容器中定位控件。

页面和容器控件可以使用“布局”部分中的“方向 (垂直/水平)”和“对齐”属性来指定控件在其中的位置。默认情况下，控件将自身置于一行中。如果设置了“允许换行”属性，则控件会根据需要自动换行至多行。

启用后，如果一行无法容纳容器中的控件，则会应用“允许换行”属性。

容器中的控件可以使用其自身的对齐选项来覆盖父级对齐。要默认使用父级对齐方式，请切换选定的对齐方式图标以关闭特定对齐方式。

如果希望一组控件具有特定位置，请将其放置在容器中，并配置容器的布局和对齐方式。

调整控件大小

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

还可以设置特定的高度和宽度。 “最小宽度/高度”和“最大宽度/高度”位于“尺寸”部分的“更多” (...) 下。

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

选择测量单位

可以通过从单位下拉列表中选择，也可以直接使用键盘输入单位并按 Enter 键来选择度量单位。例如，只需输入 50％ 即可设置 50％ 宽度。

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

自定义字体

您可以通过调整字体系列、字体大小、字体颜色和字体样式（粗体、斜体和带下划线）属性来更改文本在应用程序中的显示方式。

提示：

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

处理边框

边框部分有三个属性：

• 边框粗细
• Border Color
• 角半径。

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

使用圆角半径的圆形按钮

圆形按钮可通过修改“角半径”属性来创建。

设置控件间距

可以使用“边距和填充”来设置控件和容器的间距。

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

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

容器控件具有边距和填充，而大多数其他控件仅有“边距”部分可用。

“边距”部分和“填充”部分都可以取消链接“上/下”和“左/右”值，以独立设置这些值。

更改背景颜色

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

• RGB
• HEX

• HSL

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