apps
latest
false
重要 :
请注意此内容已使用机器翻译进行了部分本地化。
LEGACY
Apps 用户指南
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 2024年8月5日

布局和样式

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

定位控件

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

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

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



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

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



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

调整控件大小

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

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

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



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

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

自定义字体

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

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



处理边框

边框部分有三个属性:

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

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



使用圆角半径的圆形按钮可以通过修改“圆角半径”属性来制作圆形按钮。

设置控件间距

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

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



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



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

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

更改背景颜色

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

  • RGB
  • HEX
  • HSL

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



此页面有帮助吗?

获取您需要的帮助
了解 RPA - 自动化课程
UiPath Community 论坛
Uipath Logo White
信任与安全
© 2005-2024 UiPath。保留所有权利。