Section

Section UIパターンを使用すると、画面上のコンテンツを様々なセクションに整理できます。また、Section Index UIパターンとともに使用すると、各セクションのアンカーを作成することができます。

Section UIパターンの使用方法

1. Service StudioのツールボックスでSectionを検索します。

   Sectionウィジェットが表示されます。

   

2. ツールボックスから、Sectionウィジェットをアプリケーション画面のメインコンテンツ領域にドラッグします。

   

   デフォルトで、Sectionウィジェットには［Title］、［Actions］、［Content］の各プレースホルダが含まれています。

3. プレースホルダにコンテンツを追加します。この例では、［Title］プレースホルダにタイトルを追加し、［Content］プレースホルダにテキストを追加し、［Actions］プレースホルダにボタンを追加しています。

   

4. ［Actions］プレースホルダに追加したコンテンツに、必要なアクションを追加します。この例では、追加したボタンによってユーザーを新しいページにリダイレクトされます。

   

これらの手順を実行してモジュールをパブリッシュした後、アプリでパターンをテストできます。