Power Apps Studio を使用したアプリのカスタマイズ

前のレッスンでは、Dataverse for Teams に読み込まれたデータを使用して新しいアプリを作成しました。 Power Apps for Teams を使用すると、便利なアプリを素早く作成できますが、多くの場合はニーズに合わせてアプリをカスタマイズする必要があります。

このレッスンでは、フォームのフィールドを更新し、その順序を変更します。そして、ギャラリーのフィールドを更新してアプリのタイトルを変更します。

開始するには、デスクトップクライアントを使用して Teams を開くか、Teams を参照してから Power Apps アプリを開きます。 ホーム タブで最近使用したアプリを探します。ただし、見つからない場合は、下のもっと見るを選択してアプリを検索/選択します。

Teams でアプリを探す方法を示すスクリーンショット。

アプリが Teams で開き、編集できるようになります。

Power Apps アプリケーションは、コントロールと呼ばれるさまざまな UI 要素を使用して構築します。コントロールを使用して、ユーザーがアプリのナビゲーションや操作を行う際のより良いエクスペリエンスを生み出します。

一般的なコントロールには次のものがあります。

アプリを編集するときに、左側レールで次のオプションのいずれかを選択します。

画面の中央またはアプリキャンバスで、アプリを構成するコンポーネントを追加、移動および編集します。コントロールをツリービューまたはアプリビューで選択すると、プロパティ ウィンドウにプロパティが表示されます。画面の上部には数式バーがあり、より多くの編集機能を使用できます。

変更を行うための Power Apps Studio のスクリーンショット。

前のユニットで作成したアプリを使用し、アプリをカスタマイズして続行しましょう。

フォーム EditForm1 を選択します。
右側のプロパティペインから Edit fields を選択します。
+ フィールドの追加を選択してから、フォームに含める列の横のボックスをオンにします。この例では、データテーブルに追加した以下のフィールドを追加します。配置日、場所、メモ、修理が必要、および座席数です。一覧でフィールドがアルファベット順に並べ替えられている方法に注意してください。
追加を選択してフォームに追加します。そして、これらのファイルがフィールド ダイアログボックスに追加される方法、およびどのようにアプリのキャンバスに表示されるのかに注意してください。
必須ではありませんが、フィールドをフィールド ダイアログボックス内の希望する位置にドラッグアンドドロップするだけで、フィールドの順序を調整できます。例ではこの順序になるようフィールドを変更しています。
フィールドペインを閉じます。

ギャラリーにはデータテーブルから 3 つの項目が表示されます。画像がないため、表示されていません。また、項目がいつ作成されたかを表示しています。これは役立つ情報ではありません。よりわかりやすい情報を表示するために、ギャラリーを更新します。これを行うには、ギャラリーを選択してから、画面右のプロパティペインからレイアウトボタンの下のドロップダウンを選択します。現在、画像、タイトル、サブタイトルが値として用意されています。
タイトル、サブタイトル、本文を選択します。
これで少しは近づきましたが、ここでギャラリーで使用するフィールドを絞り込みます。ギャラリープロパティウィンドウで Fields プロパティを検索し、Edit を選択します。
データ ダイアログボックスでサブタイトルの値を場所に変更すると、キャンバス上のギャラリーがどのように変化するかがすぐにわかります。
データ ダイアログボックスを閉じます。

アプリのタイトルを更新するには、まず、キャンバスの右上隅でテーブルの名前を現在示している画面のラベルを選択します。
ラベルの Text プロパティを、アプリ用にわかりやすいタイトルに変更します。これは、選択したコントロールのすぐ上の数式バー、または画面の右側のプロパティパネルで行うことができます。
タイトルの新しい名前を入力します。例では、「ピクニックテーブルの場所と座席数」に変更します。

メモ

数式バーに変更を入力すると、タイトルがすぐに変更されます。プロパティウィンドウを使用する場合、キーボードから Enter を選択すると変更が有効になります。また、数式バーを使用する際にはテキストの両側に引用符が必要ですが、プロパティペインのフィールドでは引用符が必要ないことに注目してください。

次のユニットでは、チームが使用できるようにアプリを公開します。

フィードバック