ボタンを使用してコンテナーを非表示にする

矢印ボタンを使用し、コンテナーを非表示にしてコンテンツを折りたたんだり、コンテンツを展開したりできます。それには、このページの手順に従ってください。

この例では、UiPath^® Apps の [フォーム C] テンプレート ページを使用します。

1. UiPath^® Apps で新しいアプリを作成します。
2. 新しいページのテンプレートを選択するよう求められたら、[フォーム C] を選択します。
3. sectionHeader1 コンテナーで、ボタンの横に 2 つのアイコンを追加します。
   • 1 つの keyboard_arrow_up アイコン。名前を [折りたたみ] に変更します。
   • 1 つの 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 を [値] プロパティに追加します。
      
      

      

      
      

アプリをプレビューすると、1 つ目のコンテナーのヘッダーに 1 つの矢印ボタンが表示されます。そのボタンをクリックすると、コンテンツを折りたたむことができます。再度クリックすると、コンテンツが展開されます。