Columns

Columns UIパターンを使用すると、コンテンツを複数の列に分割することができ、画面上の情報が見やすくなります。

Columns UIパターンの使用方法

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

   様々なColumnsウィジェットが表示されます。

   

2. ツールボックスから、必要なColumnsウィジェットをアプリケーション画面のメインコンテンツ領域にドラッグします。この例では、Columns 2ウィジェットを画面にドラッグしています。

   

3. 画像、フォーム、テキストなどの必要なコンテンツをColumnsウィジェットに追加します。この例では、画像とテキストを追加しています。

   

4. ［Properties］タブでオプションのプロパティを設定し、Columnsのルックアンドフィールをカスタマイズできます。たとえば、列のサイズ、各列の間のスペースのサイズ（GutterSize）、様々なタイプのデバイス上で列が表示される順序を設定できます。

   

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