画面の追加

[アーティクル]
05/02/2024

事前に構築された画面を使用すると、作成者は画面を選択するだけで、最新の応答性の高いアプリを簡単に作成できます。画面は一般的なアプリのシナリオと構成を考慮して設計されており、応答性の高いコンテナーと最新のコントロールを備えています。

画面レイアウト。

使用できる新しい画面は次のとおりです。

新しい画面を追加します

新しい画面を追加するときは、さまざまな画面サイズに適応する空白画面や分割画面などの画面レイアウトを選択することもできます。

Power Apps にサインインします。
タブレットフォーマットでキャンバスアプリを作成します。
コマンドバーの Power Apps Studio で、新しい画面 を選択し、画面を選択します。
完了したら、アプリをプレビューして、さまざまなデバイスでアプリがどのように表示されるかを確認できます。詳細については、アプリのプレビューを参照してください。

全体表示 オプションをオフにすると、アプリの画面レイアウトは、アプリが実行されているデバイスのスクリーンのサイズに適応します。

ようこそ画面

ようこそ画面 は、アプリの開始画面に最適です。これには、画像、タイトル、説明テキストを使用してカスタマイズできる個々のタイルが含まれています。画面上のタイルの数は、ボディコンテナー内でタイルを追加または削除することで簡単に変更できます。各タイルを使用して、ユーザーをアプリの他の部分に移動できます。

ようこそ画面 では次を制御できます。

ヘッダーコンテナー
- ヘッダー
ボディコンテナー
- コンテナー
  - 画像コンテナー
    - 画像 (クラシック)
  - タイトルコンテナー
    - 機能項目ボタン
    - テキスト

ようこそ画面のサイズを追加してカスタマイズする

Power Apps Studio で、画面の追加 > ようこそ画面を選択します。
画像を変更するには、画面を選択してから編集を選択します。
機能項目 ボタンコントロールを選択し、独自のテキストを追加します。
短い説明またはエンゲージメントメッセージ を選択し、説明テキストを編集します。
さらにタイルを追加するには、ツリービューで コンテナー 項目をコピーして貼り付けます。
タイルを削除するには、ツリービューで コンテナー を右クリックし、削除を選択します。

ヘッダーとギャラリーの画面

ヘッダーとギャラリー 画面を使用して、製品カタログなどの幅広い製品またはサービス情報を紹介します。ギャラリーコントロールをデータソースに接続すると、ほとんどカスタマイズを必要とせずにカタログが自動的に生成されます。

ヘッダーとギャラリー 画面のギャラリーコントロールは、クラシックコントロールです。ただし、モダンギャラリーコントロールがリリースされると、ヘッダーとギャラリー 画面はモダンギャラリーコントロールを使用します。詳細については、キャンバスアプリの最新のコントロールとテーマの概要を参照してください。

ヘッダーとギャラリー 画面には、次をコントロールすることができます。

ヘッダーコンテナー
- ヘッダー
メインコンテナー
- ギャラリー (クラシック)
  - 画像コンテナー
    - 画像 (クラシック)
- タイトルコンテナー
  - タイトルテキスト
  - 説明のテキスト
- ボタンコンテナー
  - ボタン

ヘッダーとギャラリー画面の追加とカスタマイズ

Power Apps Studio で、画面の追加 > ヘッダーとギャラリーを選択します。
ツリービューで、ギャラリー を選択し、Dataverse などのデータソースに接続します。
画像、タイトルテキスト、説明テキストなど、ギャラリー内の特定のコントロールを選択します。

画面プロパティで、ThisItem 構文を使用して、目的の画像を設定します。タイトルテキストとテキスト説明にも同じ方法を適用します。

承認要求画面

承認要求 画面には、ヘッダー、送信ボタンを備えたフォーム、および事前定義されたステージを備えたギャラリーが含まれています。 承認要求 画面は、承認要求の送信やビジネスのワークフロープロセスの表示など、フォームの送信によってアクションがトリガーされるシナリオで役立ちます。

承認要求 画面では次をコントロールできます。

ヘッダーコンテナー
- ヘッダー
メインコンテナー
- フォームコンテナー
  - フォームタイトルテキスト
  - 承認フォーム
  - 送信ボタン
- サイドバーコンテナー
  - テキスト
  - ギャラリー (クラシック)

承認要求画面の追加とカスタマイズ

Power Apps Studio で、画面の追加 > 承認要求を選択します。
ツリービューで、承認フォーム を選択し、Dataverse などのデータソースに接続します。
承認ステージの詳細を表示するには、ツリービューで、プロパティのReviewersGallery を選択して、詳細タブを選択してから項目に移動します。

以下の詳細は承認ステージの一部です。
- 名前: ステージや承認者の名前。
- タイトル: ステージや承認者のサブタイトル。
- 状態: ステージの状態
- 現在: 承認要求の現在のステージであるかどうかを示します。
  
  ボタンで Power Automate 承認ワークフローを追加して、承認者に通知することもできます。詳細については、Power Automate を使用して承認ワークフローを作成してテストする。

スクリーンの並べ替え

複数のスクリーンがある場合は、それらを並べ替えることができます。

左側のペインで、上または下に移動するスクリーンにカーソルを置いて、上へ移動または下へ移動を選択します。

注意

StartScreen プロパティを使用して、最初に表示する画面を設定します。

複数のスクリーンを含むキャンバスアプリを作成する場合、ユーザーがスクリーン間を移動できるようにナビゲーションを追加できます。

スクリーンが選択された状態で、挿入を開き、検索ボックスに Next arrow と入力してから選択します。
(オプション) 矢印を移動して、スクリーンの右下隅に表示されるようにします。
矢印が選択された状態で、OnSelect プロパティを Navigate 関数に設定します。

ユーザーが矢印を選択すると、ターゲット スクリーンがフェードインします。
ターゲットスクリーンで、戻る矢印アイコンを追加し、その OnSelect プロパティをこの数式に設定します。

Navigate(Target, ScreenTransition.Fade)

注意

上の式で、ターゲット と書かれている部分に、移動先のスクリーンの名前を入力します。

詳細情報

スクリーンコントロールのリファレンス

注意

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

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