UI Galleryのランディングページにある、すぐに使えるコンポーネントを活用してアプリケーション開発を加速させましょう。
UI Galleryには、価値あるユーザー体験をお届けするため、ベストプラクティスに基づいたガードレール準拠デザインパターンのサンプルが提供されています。 これらのコンポーネントは独自のUIを作成する際に参考にすることも、アプリケーションに直接コピーしてすぐに再利用することもできます。 たとえば、ショッピングカートの設計でデータソースを変更しても、それ以上の変更はせずにアプリケーションで使用できます。-
Dev Studioのヘッダーで
をクリックします。 -
「Showcase」や「Available components」のセクションで再利用する要素を選択します。
補足: タブヘッダーの要素名をクリックし、「Return to UI Gallery Overview」をクリックすると、いつでもUI Galleryに戻ることができます。 -
右サイドバーで「View design-time configuration」をクリックします。
-
開いたセクションのタブで、
をクリックします。 -
「New」タブの「Add to ruleset」リストで、アプリケーションで使用するルールセットの名前とバージョンを選択します。
-
「Create and open」をクリックします。
補足: アプリケーションルールセットに追加されているUIコンポーネントは、 保存済みのセクションとしてアプリケーションに追加できます。