導入
Power Apps のモデル駆動型アプリでは、一貫したユーザー エクスペリエンスが実装されます。 その重要なコンポーネントとなるのが、使用可能なコマンドのユーザーへの表示とその対話方法です。 モデル駆動型アプリでは、コマンドをバーに追加する、非表示にする、動作を変更するなどのカスタマイズを行うことができます。 各コマンドにアクションを定義し、ユーザーがコマンドを選択した際に実行されるロジックを実装します。 コマンドのアクションは、Power Fx または JavaScript を使用して実装できます。
コマンドにより、ユーザーが操作しているデータのコンテキストでアクションを呼び出すことができます。 コマンドは、コマンド バーと呼ばれるビジュアル コレクションでユーザーに表示されます。 コマンドの例には新規や削除などのコマンド ボタンがあり、Microsoft Dataverse テーブルのメイン グリッドにあるコマンド バーに表示されます。 たとえば、ユーザーが削除を選択すると、コマンド アクションによってテーブルから行が削除されます。 Power Apps では、事前に定義されるさまざまな場所に、複数のコマンド バーを表示できます。ここで、その場所について説明します。
コマンド バーの場所
モデル駆動型アプリのコマンド バーの場所は事前に定義され、一貫性を保って表示されます。 つまり、アプリの作成者が誰であれ、また可視化するデータが何であろうと、ユーザーは同じ場所を探してアプリ内で使用できるコマンドを確認できます。 カスタマイズされる一般的なコマンド バーとその目的を次に示します。
メイン グリッド - ユーザーが左側のナビゲーションから一覧に移動すると、Dataverse テーブルの行の一覧の上にコマンド バーが表示されます。 一覧に表示されているどの行に対しても、コマンドを実行できます。
メイン フォーム - テーブルから行を開き、テーブルのメイン フォームを使用して表示するとコマンド バーが表示されます。 フォームに表示される単一の行のコンテキストでコマンドが実行されます。
サブグリッド ビュー - ユーザーがテーブル行のメイン フォームを表示し、そのフォームのサブグリッドに関連するテーブル データを表示するように構成すると、コマンド バーが表示されます。 サブグリッドの一覧に表示されている行に対してコマンドが実行されます。
関連ビュー - メイン フォームから表示される関連テーブル行の一覧の上にコマンド バーが表示されます。 ユーザーは、行のメイン フォームで関連するテーブルを選択し、表示する特定のテーブルを選択することで、このビューを表示できます。 コマンドは、一覧に表示される 1 つ以上の関連行のコンテキストで実行されます。
次のビデオでは、これらのコマンド バーの例をそれぞれ説明しています。
コマンド バーの構成
コマンド バーには 1 つ以上のコマンドが含まれます。 コマンド バーは表示されると、複数のコマンドを並べて提示します。 既定では、コマンドはユーザーがアクションを実行するために選択できるボタンです。 また、グループ化の要素を追加してコマンド ボタンを含めることで、コマンド バーにより多くのボタンを編成できます。
コマンドをグループ化するためのオプションを次に示します。
ドロップダウン - ユーザーが選択した場合に表示されるメニュー (通常ポップアップと呼ばれます) を作成できます。 ドロップダウン メニューには、1 つ以上のコマンド グループが含まれます。 関連するコマンドを 1 つにまとめて、ユーザーが選択した場合にだけ表示する際に便利です。
分割ボタン - ドロップダウンと似ていますが、追加のコマンドを含んだグループを展開することなくプライマリ コマンドを選択できます。
グループ - 1 つ以上のコマンドをラベル付けし、ドロップダウンまたは分割ボタンに含めるために使用します。
次の画像で、より多くのコマンドでコマンド バーを編成するための、各種コマンドの使用について説明します。
コマンド バー デザイナー
モデル駆動型アプリの編集中に、テーブルを選択してビジュアル コマンド バー デザイナーを起動できます。 変更するコマンド バーを選択すると、現在のコマンド バーのコマンドがビジュアルに表現されます。 コマンド バー デザイナーから新しいコマンドを追加し、既存のカスタム コマンドを変更できます。 ビジュアル デザイナーを使用せずに作成されたレガシ コマンドは変更できません。このオプションについては、モジュールの後半で詳しく説明します。 コマンド バー デザイナーに表示された、メイン グリッド コマンド バーの例を次に示します。
アクションを実装するオプション
コマンドのアクションを使用して、ユーザーがコマンドを選択した際に実行されるカスタム ロジックを実装することができます。 コマンド ロジックで実行されるアクションには、フォームの値を変更するものや、他のデータ行を作成/変更するものなどがあります。 コマンドのアクション ロジックでは現在選択中の項目を使用することができ、その項目の列の値をロジックで使用できます。
アクションのロジックを作成するには、Power Fx の式を使用するか、JavaScript を使用します。 たとえば、次の Power Fx 式を使用するコマンドを実行すると、取引先企業テーブルの特定のビューに移動します。
Navigate( 'Accounts (Views)'.'My Active Accounts' )
このモジュールの残りの部分では、モデル駆動型アプリのコマンド バーをカスタマイズする方法について、さらに詳しく説明します。