コンポーネントテンプレートを作成するには

1702 views

このガイドでは、コンポーネントテンプレートの作成手順を説明します。

コンポーネントテンプレートは、SmartUX Designerツール内で特定のコンポーネントを作成するための定義済みの構造またはレイアウトです。

1. コンポーネントテンプレートフォルダのレイアウトを理解する

以下は、コンポーネントテンプレートのフォルダレイアウトです。コンポーネントフォルダ内では、SmartUX Designerは3つのテンプレートグループを提供します: Blank、Forms、Loginです。
テンプレートグループには、複数のテンプレートを含めることができます。

2. コンポーネント・テンプレート・ファイルを知る

各コンポーネント・テンプレートには、3つの必須ファイルが含まれている:

テンプレートを説明するPNGプレビュー画像
テンプレートをスタイリングするためのCSSファイル
テンプレートのコードを含むHTMLファイル。

例えば、SmartUX Designerでは、3つの関連ファイルをすべて含むカスタムログインテンプレートを提供しています。

3.コンポーネントテンプレートの選択

SmartUXに新しいプログラムまたはコンポーネントを組み込む際、以前に保存した選択肢からコンポーネントテンプレートを選択するよう求められます。

HTMLは、特定のデザインを実現するために戦略的に編成された認識されたウィジェットで構成されています。テンプレートを作成する際、使い慣れたウィジェットを採用することをお勧めします。

5. コンポーネントテンプレートの作成

SmartUX Studioでコンポーネントを設計し、後に利用できるテンプレートとして保存しておくと便利です。

6. プログラム追加によるコンポーネント・テンプレートの使用

コンポーネントテンプレートが保存されると、プログラムの追加ダイアログですぐに利用できるようになります。コンポーネントテンプレートは、コンポーネントフォルダ内のCustomComponentsTemplateフォルダに作成され、CSSやHTMLなどのファイルも含まれます。テンプレートを完成させるには、PNGプレビュー画像を含める必要があります。

Share this Article

コンポーネントテンプレートを作成するには

Or copy link

CONTENTS