モダン テーマ API コンポーネントの実装

このサンプル コンポーネントは、モダン テーマ API 機能を使用して、アプリで使用されている現在のテーマに基づいてコンポーネントのスタイルを設定するユースケースを示します。 インポートされたコンポーネントは、アプリのモダン コントロールとテーマを有効 にし、モダン テーマを適用 するまで、最初はデフォルトの Power Apps モダン テーマに従います。

使用可能な対象

モデル駆動型アプリとキャンバス アプリ

コード

サンプル コンポーネントは、Power Apps のモダン テーマ API を使用する 4 つの異なる例を示しています。

• 現在のモダン テーマを自動的に適用した Fluent v9 サンプル: Fluent UI v9 コントロール
• PCF コンテキスト パラメーターで渡された v9 テーマ トークンに基づいて独自の v8 ThemeProvider を作成することで、それ自身をスタイリングする Fluent v8 サンプル: Fluent UI v8 controls
• PCF コンテキスト パラメーターで渡された v9 テーマ トークンを直接参照することで、HTML 要素にスタイルを適用する Fluent 以外のサンプル: Fluent UI 以外のコントロール
• PCF コンテキスト パラメーターで渡されたテーマを変更する独自のカスタム v9 FluentProvider を作成する Fluent v9 サンプル。 カスタム テーマ プロバイダー

サンプル コンポーネントは、PowerApps-Samples/component-framework/FluentThemingAPIControl からダウンロードできます。

関連記事

サンプル コンポーネントをダウンロード
サンプル コンポーネントの使用方法
Power Apps component framework API リファレンス
モダン テーマでコンポーネントのスタイルを設定する (プレビュー)
テーマ リファレンス
キャンバス アプリで最新のテーマを使用する (プレビュー)
キャンバス アプリの最新のコントロールとテーマの概要

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。