使用按钮隐藏容器

您可以使用箭头按钮隐藏容器，以折叠或展开内容。 请按照此页面中的步骤了解如何执行此操作。

在此示例中，我们将使用 UiPath Apps 中的“ 表单 C ”模板页面。

1. 在 UiPath^TM Apps 中创建一个新应用程序。
2. 当被要求为新页面选择模板时，选择 “表单 C”。
3. 在“ sectionHeader1” 容器中，在按钮旁边添加两个图标：
   • 一个 keyboard_arrow_up 图标。 将其重命名为 折叠。
   • 一个 keyboard_arrow_down 图标。 将其重命名为 展开。
     
     

     

     
     
4. 创建一个名为 content_visibility的应用程序变量。
5. 配置 折叠 图标。
   1. 在控件的“ 显示” > “隐藏” 属性中，添加以下内容： = Not(content_visibility)。
   2. 为“ 已单击” 事件添加“设置值” 规则。
   3. 在规则的“ 要设置的项目” 属性中添加在 步骤 4 中创建的应用程序变量，并在“ 值 ”属性中添加=false 。
      
      

      

      
      
6. 配置 展开 图标。
   1. 在控件的“ 显示” > “隐藏” 属性中，添加 =content_visibility 应用程序变量。
   2. 为“ 已单击” 事件添加“设置值” 规则。
   3. 在规则的“ 要设置的项目” 属性中添加在 步骤 4 中创建的应用程序变量，并在“ 值 ”属性中添加=true 。
      
      

      

      
      
7. 在“ 表单 C ”页面上添加“设置值”规则。
   1. 在规则的“ 要设置的项目” 属性中添加在 步骤 4 中创建的应用程序变量，并在“ 值 ”属性中添加=true 。
      
      

      

      
      

如果您预览应用程序，则第一个容器的标头中会有一个箭头按钮。 您可以单击该按钮以折叠内容。 您可以再次单击以展开内容。