デザインテンプレートを使用すると、アプリケーションの一貫性を保ち、開発時間を短縮できます。 デザインテンプレートは一般的なUIパターンを表し、アイコンやコントロールなどのUI要素を追加する領域を指定します。
たとえば、「Card with image」テンプレートでは、UI上に大きな画像用のスペースがあり、下にフィールドとコントロール用のスペースがあります。
-
App Studioのナビゲーション パネルで、「Case types」をクリックし、次に開きたいケースタイプをクリックします。
-
ワークエリアで「Save and run」をクリックして新しいケースを実行します。
-
開いているケースでは、編集するビューにカーソルを合わせて「Configure this view」をクリックします。
-
右側の設定パネルで、「Change template」アイコンをクリックします。
-
「Select a template」ウィンドウで、ビューに適用するテンプレートをクリックします。
-
右側の設定パネルで、フィールド、セクション、コントロールをテンプレートに追加します。
-
UIコンポーネントを追加する領域のヘッダーで「Add」アイコンをクリックします。
-
「Add」リストで、テキストフィールドなど、追加するコンポーネントにカーソルを合わせ、「Add」アイコンをクリックします。
-
- オプション：
コンポーネントをテンプレートから削除するには、コンポーネント名の上にカーソルを置き、をクリックします。
-
設定パネルを閉じて設定を保存します。
- 制御
コントロールルールを使用して、ボタンやドロップダウンフィールドなど、フォームの単一プロパティの外観を決定します。