Apps 用户指南

常规​

静态选项卡​

• 选项卡名称 - 选项卡的显示名称。
• Page - The Apps page to import within this tab.
• 隐藏 - 如果为 true，则在 Runtime 隐藏该控件。
• “已禁用”- 如果为 True，则在 Runtime 禁用该控件。

• 添加新选项卡 - 通过单击加号“+”图标向数据添加新选项卡。
• 活动选项卡索引- 使用此属性导航到特定选项卡。索引从 0 开始。例如，如果您有四个连续的选项卡，分别命名为“Tab1”、“Tab2”、“Tab3”和“Tab4”，则“Tab1”的索引为0 ，“Tab2”的索引为1 ，"Tab3" 具有索引2 ，“Tab4”具有索引3 。
• 隐藏 - 如果为 true，则在 Runtime 隐藏该控件。
• “已禁用”- 如果为 True，则在 Runtime 禁用该控件。

动态选项卡​

• List source - The source for the items to be displayed as tabs. Valid data types include arrays of String, Integer, or DateTime, DataTable, or arrays of an Object.
• “列”- 当列表来源的类型为“数据表”或“对象”数组时，选择特定列（适用于数据表数据类型）或特定属性（适用于对象数组）。
• Page source - The App page to use across all dynamic tabs.
• 活动选项卡索引- 使用此属性导航到特定选项卡。索引从 0 开始。例如，如果您有四个连续的选项卡，分别命名为“Tab1”、“Tab2”、“Tab3”和“Tab4”，则“Tab1”的索引为0 ，“Tab2”的索引为1 ，"Tab3" 具有索引2 ，“Tab4”具有索引3 。

• 动态选项卡的“列表来源”属性是 Data Service 中的实体，例如“部门”：
  assignment

  Fetch(of TPDepartment)(Nothing, Nothing, Nothing, Nothing, New ExpansionFieldOption(){addExpansionFieldOption("CreatedBy", New String(){"Id","Name"}), addExpansionFieldOption("UpdatedBy", New String(){"Id","Name"})})
  Fetch(of TPDepartment)(Nothing, Nothing, Nothing, Nothing, New ExpansionFieldOption(){addExpansionFieldOption("CreatedBy", New String(){"Id","Name"}), addExpansionFieldOption("UpdatedBy", New String(){"Id","Name"})})
  

• 动态选项卡的“列”属性是所选 Data Service 实体的字段，例如“名称”。
  备注：

  在运行时，您会看到与所选实体字段中的记录数量相同的选项卡。该控件只能显示您实体的 50 条记录。如果有超过 50 条记录，则显示前 50 条。

• 对于页面来源，您可以设置一个页面以显示根据所选选项卡更新的表格。

Events​

• “值已更改”- 配置在值更改时会发生的情况。

样式​

• “控件对齐” - 默认情况下，它设置为“拉伸”（垂直或水平）。可以设置不同的对齐方式。
  备注：

  对齐方式取决于为父元素选择的布局（垂直与水平）。

• Style - The style of active and inactive tabs:
  • Default - Tabs are styled as classic browser tabs.
  • Pills - Tabs are rounded on both ends, resembling a pill shape.
  • Tab color - The text color for inactive tabs.
  • Active tab color - The text color for active tabs.
  • Tab background - The background color for inactive pill tabs.
  • Active tab background - The background color for active pill tabs.
  • Large tabs - If selected, tabs are enlarged.
• Border - The border for the control. You can configure border Thickness, Color, and Radius.
• 字体 - 控件的字体属性，例如字体系列、大小或颜色。默认情况下，控件会继承直属父容器的字体系列，这由关键字“已继承”指示。
• Margin - The margin of the control. By default, a margin of 4px is set. Top/Bottom and Left/Right margin properties are combined. To set different, separate values for Top, Bottom, Left, and Right margins, select the Link button at the right-hand side of the Margin section.
• Size - The Width and Height of the control. By default, the size is set to auto. To set minimum or maximum values, select the three dots (...). If the size of the control is smaller than the options, a scroll bar is displayed.

键盘快捷方式​

• 用于更改选定选项卡的向上键和向下键。
• Alt +向上键可上移选定的选项卡。
• Alt +向下键可将选定的选项卡下移。

示例：导航到下一个选项卡​

1. 在您的应用程序中，添加一个“选项卡”控件并使其成为“静态” 。它会自动创建 3 个选项卡：“选项卡 1”、“选项卡 2”和“选项卡 3”。

2. 在每个页面上添加两个新页面和一个“按钮”控件。分别将按钮命名为“选项卡 1 -> 下一个”和“选项卡 2 -> 下一个”。

3. 对于“选项卡 1”，在“页面来源”字段中，引用先前添加的页面，其中包含“选项卡 1 -> 下一个”按钮。

4. 对于“选项卡 2”，在“页面来源”字段中，引用先前添加的页面，其中包含“选项卡 2 -> 下一个”按钮。您的应用程序应如下图所示：

   

5. 为每个“按钮”控件创建一个规则。该规则指示应用程序在您单击按钮时导航到下一个选项卡。

6. 创建一个 Int32 类型的应用程序变量，并将其命名为“var_tab_index”。

7. 选择“选项卡”控件，然后将变量var_tab_index分配给“活动选项卡索引”字段。

   

8. 选择包含“选项卡”控件的主页，导航到“事件”选项卡，然后为“已加载”事件创建规则。

   1. 添加“设置值”规则并进行如下配置：
      • 要设置的项目- var_tab_index
      • 值- 0 ，即选项卡 1 的索引。

9. 选择包含名为“选项卡 1 -> 下一步”的“按钮”控件的页面，导航到“事件”选项卡，然后为“单击”事件创建规则。

   1. 添加“设置值”规则并进行如下配置：
      • 要设置的项目- var_tab_index
      • 值- 1 ，即选项卡 2 的索引。

10. 选择包含名为“选项卡 2 -> 下一步”的“按钮”控件的页面，导航到“事件”选项卡，然后为“单击”事件创建规则。

    1. 添加“设置值”规则并进行如下配置：
       • 要设置的项目- var_tab_index
       • 值- 2 ，即选项卡 3 的索引。

![docs image](https://dev-assets.cms.uipath.com/assets/images/apps/apps-docs-image-295016-a2ccddcc-84a5fec8.gif)
![docs image](https://dev-assets.cms.uipath.com/assets/images/apps/apps-docs-image-295016-a2ccddcc-84a5fec8.gif)

VB 属性​