このサンプル コンポーネントでは、最新のテーマ設定 API 機能を使用して、アプリで使用されている現在のテーマに基づいてコンポーネントのスタイルを設定するユース ケースを示します。 インポートされたコンポーネントは、 アプリの最新のコントロールと テーマを有効にして最新のテーマを適用するまで、最初は既定の Power Apps モダン テーマに準拠します。
使用可能な対象
モデル駆動型アプリとキャンバス アプリ
Code
このサンプル コンポーネントは、Power Apps モダン テーマ API を使用する 4 つの異なる例を示しています。
- 現在のモダン テーマの自動アプリケーションを使用した Fluent v9 サンプル: Fluent UI v9 コントロール
- PCF コンテキスト パラメーターを介して渡された v9 テーマ トークンに基づいて独自の v8 ThemeProvider を作成することで、Fluent v8 サンプルスタイル自体を設定する: Fluent UI v8 コントロール
- PCF コンテキスト パラメーターで渡された v9 テーマ トークンを直接参照することで、HTML 要素にスタイルを適用する Fluent 以外のサンプル: Fluent UI 以外のコントロール
- PCF コンテキスト パラメーターを介して渡されたテーマを変更する独自のカスタム v9 FluentProvider を作成する Fluent v9 サンプル。 カスタム テーマ プロバイダー
PowerApps-Samples/component-framework/FluentThemingAPIControl からサンプル コンポーネントをダウンロードできます。
関連資料
サンプル コンポーネントをダウンロード
サンプルコンポーネントの使用方法
Power Apps コンポーネント フレームワーク API リファレンス
モダン テーマを使用したコンポーネントのスタイル設定 (プレビュー)
テーマリファレンス
キャンバス アプリで最新のテーマを使用する (プレビュー)
キャンバス アプリでのモダン コントロールとテーマの概要