モデル駆動型アプリのカスタム ページにキャンバス コンポーネントを追加する
この記事では、共有キャンバス コンポーネント ライブラリ機能を利用して、カスタムページのカスタム UX を構築する、ローコード キャンバス コンポーネントの使用について概説します。 コード ファーストのカスタム UX 拡張性については、モデル駆動型アプリのカスタム ページにコード コンポーネントを追加するを参照してください。
重要
カスタム ページは製品が大幅に変更された新機能であり、現在、カスタム ページの既知の問題に概説されているいくつかの既知の制限があります。
注意
カスタム ページは現在、コントロールの限定されたセットをサポートしており、カスタム ページのキャンバス コンポーネントを作成するには、現在サポートされているコントロールのみを使用する必要があります。
モダン コントロール は現在、カスタム ページでのみサポートされており、スタンドアロンのキャンバス アプリではサポートされていません。 モダン コントロールの試験段階の設定が、カスタム ページで使用されるコンポーネント ライブラリにのみ使用されていることを確認してください。
キャンバス コンポーネントは、アプリ作成者にローコード方式でカスタム コンポーネントを作成する機能を提供します。 これらのコンポーネントは、カスタム ページやアプリケーション間で再利用できるだけでなく、Microsoft Dataverse ソリューションを使用して一元的に更新、パッケージ化、および移動することもできます。 詳細情報: キャンバス アプリ用のコンポーネントを作成する
カスタム ページの作成は 1 ページのみに制限されているため、キャンバス コンポーネントはコンポーネント ライブラリの内部でのみ作成できます。 これは、アプリ レベルでコンポーネントを作成する機能を備えたスタンドアロンのキャンバス アプリとは異なります。
コンポーネント ライブラリを使用してキャンバス コンポーネントを作成する
新しいコンポーネント ライブラリを作成するか、ソリューション領域またはアプリ領域のコンポーネント ライブラリ タブのいずれかから既存のものを編集できます。
カスタム ページで使用するキャンバス コンポーネントを作成する
このセクションでは、カスタム ページで使用できるキャンバス コンポーネントを作成する方法について説明します。
コンポーネント ライブラリの最新のコントロールを有効にする
まず、キャンバス アプリ デザイナーで最新のコントロール設定を有効にします。 これを行うには、ファイル > 設定 > 近日公開の機能 > 試験段階の順に移動します。
カスタム ページのコンポーネントを作成するために、コントロールのサポートされているセットのみが使用されることを確認してください。
キャンバス コンポーネントを作成する
最新のコントロールを有効にすると、ライブラリ内で必要なコンポーネントを作成し、コンポーネントの準備ができたら公開できるようになります。
カスタム ページでキャンバス コンポーネントをインポートおよび使用する
カスタム ページでは、現在の環境で作成またはインポートされたキャンバス コンポーネント ライブラリからのコンポーネントを使用できます。 追加コントロールの左側のナビゲーション領域の下部にある、その他のコンポーネントを入手するを選択できます。
キャンバス コンポーネントは、ライブラリ コンポーネント セクションにあり、カスタム ページに追加することができます。
カスタム ページへのコンポーネントの更新
コンポーネントがコンポーネント ライブラリを介してカスタム ページに追加されると、ライブラリへの参照が維持されます。 ライブラリ所有者が更新されたコンポーネントを含む新しいライブラリ バージョンを公開すると、キャンバス アプリとインラインのカスタム ページに更新可能なメッセージが表示されます。 このメッセージは、カスタム ページを編集用に開いたときに表示されます。
レビューを選択して更新を確認してから、OK を選択してキャンバス ライブラリからの最新の変更内容でコンポーネントを更新します。
注意
モデル駆動型アプリに存在する個々のカスタム ページを個別に開いて、キャンバス アプリ スタジオ内で編集し、共有コンポーネント ライブラリから最新の更新を取得する必要があります。
カスタム ページとモデル駆動型アプリを公開して、最新の変更を反映できるようになりました。
追加のキャンバス コンポーネント リソース
キャンバス アプリのコンポーネント ギャラリーでホストされている Microsoft やその他の Power Apps コミュニティ開発者からのキャンバス コンポーネント サンプルを評価して使用できます。
