テーマ化コンポーネントを使用する

  • [アーティクル]

メーカーがキャンバス アプリを作成している組織からよく寄せられる質問は、テーマを具体的に適用する機能、つまり組織のブランドに一致するアプリを作成する機能です。 このソリューションの資産は、テーマの作成、管理、共有に役立ちます。 詳細: テーマ化コンポーネントを設定する

テーマ コンポーネントを使用して、キャンバス アプリのテーマを作成および管理します。 テーマ には、色、フォント、境界線などのコントロールとコンポーネントの複数のデザイン プロパティを定義するスタイルのコレクションが含まれています。 これらのスタイルは、作成者がテーマのテンプレート アプリを使用して新しいアプリを作成するときに自動的に適用されます。コントロールとコンポーネントは自動的にテーマが設定されます。

テーマ化コンポーネントは、作成者が解決しようとしているビジネス ロジックと問題に集中できるようにし、ユーザーがアプリを使用するときに一貫したエクスペリエンスを提供できるようにします。

テーマ化コンポーネント ソリューションを形成するアセットの内訳は次のとおりです:

テーブル

テーマ

テーマ エディター アプリで作成されたカスタム テーマを表します。

スタイル

テーマ エディター アプリで作成されたテーマに対応するスタイル プロパティを表します。 色、境界線、フォントはこのテーブルに保存されます。

アプリ

テーマ エディター

テーマ エディター アプリを使用すると、デザイナーはテーマを作成および管理できます。 テーマ には、色、フォント、境界線などのコントロールとコンポーネントのデザイン プロパティを定義するスタイルのコレクションが含まれています。

アクセス許可: テーマ エディターをデザイナーと共有して、テーマを作成します。

前提条件 : このアプリは Microsoft Dataverse を使用します。したがって、アプリのユーザーすべては Premium ライセンスが必要です。

Note

最近の使用を有効にした場合、コード コンポーネント環境では、コンポーネントを正しく表示するために、テーマ エディターを編集して再公開する必要がある場合があります。

テーマ エディターは既存のテーマの概要を提供し、ユーザーはテーマを編集したり、新しいテーマを作成したりできます。

テーマ エディター。

スタイル (カラー ピッカー、フォント ピッカー) を使用してスタイルを作成し、さまざまな色、フォント、サイズを編集しているときにテーマのリアルタイム プレビューを表示します。

テーマ エディター - テーマを作成する。

テーマの作成が終了したら、テーマを公開する を選択します。 ここで、テーマ設計者は AppTemplatePhone.msapp ファイルと AppTemplateTablet.msapp ファイルを更新してアップロードする必要があります。 この手順により、アプリ テンプレートを作成者が使用できるようになります。

テーマ エディター - テーマを公開する。

.msapp ファイルを更新する

  1. 計算式 Set(ThemeName, "Your Theme Name") をクリップボードまたはメモ帳にコピーします。
  2. make.powerapps.com に移動し、次にテーマ化ソリューションがインストールされている CoE 環境に移動します。
  3. 左側のペインで、ソリューション を選択します。
  4. センター オブ エクセレンス テーマ化ソリューションを選択します。
  5. AppTemplatePhone キャンバス アプリを編集します。 テーマ エディター - アプリ テンプレートを編集する。
  6. アプリ>OnStart を選択し、計算式の最初の行をテーマ エディターからコピーした新しい計算式に置き換えます。 OnStart 関数の他の計算式を置き換えないようにして、行がセミコロンで終わるようにしてください。 テーマ エディター - OnStart 数式を挿入する。
  7. ファイル>名前を付けて保存>このコンピューター の順に選択して、ファイルをローカルに保存します。 テーマ エディター - テンプレートを保存する。
  8. ファイルをダウンロードします。 テーマ エディター - テンプレートをダウンロードする。

AppTemplateTablet キャンバス アプリでも同じ手順を実行します。

テーマ エディター アプリに戻り、ダウンロードしたテンプレート ファイルをアップロードします。

テーマ エディター - アプリ テーマを公開する。

完了 を選択して、テーマ ギャラリー アプリにテーマを公開します。

アプリ作成者は、テーマ ギャラリー アプリを使用して既存のテーマを閲覧し、電話 (AppTemplatePhone.msapp) またはタブレット (AppTemplateTablet.msapp) レイアウトのいずれかに対応するテンプレート アプリをダウンロードできます。

アクセス許可: テーマ ギャラリーを組織内の作成者と共有します。

前提条件 : このアプリは Dataverse を使用します。したがって、アプリのユーザーすべては Premium ライセンスが必要です。

作成者は概要を取得し、利用可能なテーマを閲覧できます

テーマ ギャラリー - テーマを表示する。

テーマの詳細ビューでは、ネイティブ コントロールとコンポーネントに適用されるすべてのスタイルをプレビューできます。

テーマ ギャラリー - 詳細ビュー。

アプリの作成者は、選択したレイアウトに対応するテンプレートをダウンロードできます。

テーマ ギャラリー - ダウンロード。

テンプレートを使用する

テンプレートに基づいて新しいアプリを作成します。

  1. make.powerapps.com に移動します。
  2. 新規>キャンバス アプリ の順に選択します。
  3. ...>開く>ファイルを参照 を選択し、テーマ ギャラリーからダウンロードしたテンプレート ファイルを選択します。
  4. 開いた後、テーマは画面に追加するコントロールまたはコンポーネントに自動的に適用されます。 テーマを伴う新しいアプリ。

コンポーネント

共有コンポーネント ライブラリ

コンポーネント ライブラリは、再利用性のために、コンポーネントの集中管理されたリポジトリを提供します。 コンポーネント ライブラリは、アプリ間でコンポーネントを共有するための推奨される方法です。

テーマ コンポーネント ソリューションの共有コンポーネント ライブラリには、Header、TabControl、および PreLoader コンポーネントが含まれています。 共有コンポーネント ライブラリは編集できません。 展開する前にライブラリのコピーを作成してください。

アクセス許可: 共有コンポーネント ライブラリを組織内の作成者と共有します。 作成者が同じコンポーネントを使用してアプリを作成すると、組織内のアプリ全体で一貫したルック アンド フィールを確保するのに役立ちます。

コンポーネントでもテーマを使用するには、作成者はスタイル プロパティを更新し、ComponentStyles に設定する必要があります。 ComponentStyles はコンポーネント用に特別に書式設定トされたスタイルのコレクションであり、アプリ開始コードの一部として初期化されます。

ComponentStyles プロパティを更新する。