使用按钮隐藏容器

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

For this example, we will use the Form C template page from UiPath^® Apps.

1. Create a new app in UiPath^® Apps.

2. 当要求为新页面选择模板时，请选择“表单 C” 。

3. 在sectionheader1容器中，在按钮旁边添加两个图标：

   • 一个keyboard_ arrow_up图标。将其重命名为折叠。

   • One keyboard_arrow_down icon. Rename it to expand.

     

4. Create an app variable named content_visibility.

5. Configure the collapse icon.

   1. 在“显示”中控件的隐藏属性，添加以下内容：= Not(content_visibility)。

   2. 在“单击”事件中添加“设置值”规则。

   3. 在规则的“要设置的项目”属性中添加在步骤 4中创建的应用程序变量，并在“值”属性中添加=false 。

      

6. 配置展开图标。

   1. 在“显示”中控件的隐藏属性，添加 =content_visibility 应用程序变量。

   2. 在“单击”事件中添加“设置值”规则。

   3. 在规则的“要设置的项目”属性中添加在步骤 4中创建的应用程序变量，并在“值”属性中添加=true 。

      

7. 在formC页面上添加“设置值”规则。

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

      

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