モデル駆動型アプリのカスタム ページにキャンバス コンポーネントを追加する

この記事では、共有キャンバス コンポーネント ライブラリ機能を利用して、カスタムページのカスタム UX を構築する、ローコード キャンバス コンポーネントの使用について概説します。 コード ファーストのカスタム UX 拡張性については、モデル駆動型アプリのカスタム ページにコード コンポーネントを追加するを参照してください。

キャンバス コンポーネントは、アプリ作成者にローコード方式でカスタム コンポーネントを作成する機能を提供します。 これらのコンポーネントは、カスタム ページやアプリケーション間で再利用できるだけでなく、Microsoft Dataverse ソリューションを使用して一元的に更新、パッケージ化、および移動することもできます。 詳細情報: キャンバス アプリ用のコンポーネントを作成する

カスタム ページの作成は 1 ページのみに制限されているため、キャンバス コンポーネントはコンポーネント ライブラリの内部でのみ作成できます。 これは、アプリ レベルでコンポーネントを作成する機能を備えたスタンドアロンのキャンバス アプリとは異なります。

コンポーネント ライブラリを使用してキャンバス コンポーネントを作成する

新しいコンポーネント ライブラリを作成するか、ソリューション領域またはアプリ領域のコンポーネント ライブラリ タブのいずれかから既存のものを編集できます。

カスタム ページで使用するキャンバス コンポーネントを作成する

このセクションでは、カスタム ページで使用できるキャンバス コンポーネントを作成する方法について説明します。

コンポーネント ライブラリの最新のコントロールを有効にする

まず、キャンバス アプリ デザイナーで最新のコントロール設定を有効にします。 これを行うには、ファイル > 設定 > 近日公開の機能 > 試験段階の順に移動します。

カスタム ページのコンポーネントを作成するために、コントロールのサポートされているセットのみが使用されることを確認してください。

キャンバス コンポーネントを作成する

最新のコントロールを有効にすると、ライブラリ内で必要なコンポーネントを作成し、コンポーネントの準備ができたら公開できるようになります。

カスタム ページでキャンバス コンポーネントをインポートおよび使用する

カスタム ページでは、現在の環境で作成またはインポートされたキャンバス コンポーネント ライブラリからのコンポーネントを使用できます。 追加コントロールの左側のナビゲーション領域の下部にある、その他のコンポーネントを入手するを選択できます。

キャンバス コンポーネントは、ライブラリ コンポーネント セクションにあり、カスタム ページに追加することができます。

カスタム ページへのコンポーネントの更新

コンポーネントがコンポーネント ライブラリを介してカスタム ページに追加されると、ライブラリへの参照が維持されます。 ライブラリ所有者が更新されたコンポーネントを含む新しいライブラリ バージョンを公開すると、キャンバス アプリとインラインのカスタム ページに更新可能なメッセージが表示されます。 このメッセージは、カスタム ページを編集用に開いたときに表示されます。

レビューを選択して更新を確認してから、OK を選択してキャンバス ライブラリからの最新の変更内容でコンポーネントを更新します。

カスタム ページとモデル駆動型アプリを公開して、最新の変更を反映できるようになりました。

追加のキャンバス コンポーネント リソース

キャンバス アプリのコンポーネント ギャラリーでホストされている Microsoft やその他の Power Apps コミュニティ開発者からのキャンバス コンポーネント サンプルを評価して使用できます。

関連項目

モデル駆動型アプリのカスタム ページの概要

モデル駆動型アプリにカスタム ページを追加する

カスタム ページで PowerFx を使用する

Power Apps コネクタの概要

キャンバス デザイナーでデータ接続を追加する