フィードバック

Power Apps での Screen コントロール

  • [アーティクル]

アプリ内で 1 つまたは複数の他のコントロールを含む UI 要素。

内容

ほとんどのアプリには、Label コントロール、Button コントロール、およびデータを表示したりナビゲーションをサポートするその他のコントロールを含む複数の Screen コントロールがあります。 画面の追加、画面の並べ替え、ナビゲーションの構成方法についての詳細は、画面の追加 を確認してください。

主要なプロパティ

BackgroundImage – 画面の背景に表示される画像ファイルの名前。

Fill – コントロールの背景色。

追加のプロパティ

Height - 画面の高さ。 アプリに応答性 (全体表示 が オフ である) があり、アプリが実行しているデバイスがこのプロパティより短い場合、画面を垂直方向にスクロールできます。

ImagePosition – 画面またはコントロールのサイズが画像と異なる場合の、画面またはコントロール内の画像の位置 (画面いっぱい、自動調整、拡大、タイル表示、または 中央に表示)。

LoadingSpinner (なし、コントロール または データ) - なしの場合、スピナーは表示されません。 コントロール時 | データは、画面レベルのすべての子コントロールが表示されるまでスピナーを示します。 注意。入れ子になったコントロールは考慮されません。

LoadingSpinnerColor - スピナーを読み込む塗りつぶしの色。

Name - 画面の名前。

OnHidden – ユーザーが画面から移動するときのアプリの動作。

OnVisible – ユーザーが画面に移動するときのアプリの動作。 このプロパティを使用して、画面で使用される変数とプリロード データを設定します。 App.OnStart プロパティを使用して、アプリ起動時に一度設定します。

Orientation - 画面の向き。 Width が Height より大きい場合、向きは Layout.Horizontal になります; それ以外の場合は、Layout.Vertical になります。

Size - 画面のサイズを分類する正の整数。 分類は、画面の Width プロパティを App.SizeBreakpoints プロパティの値と比較することによって決まります。 ScreenSize タイプは、整数 1 〜 4 に対応する 4 つの値 (小、中、大、および 特大) から構成されます。

Width - 画面の幅。 アプリに応答性 (全体表示 が オフ である) があり、アプリが実行しているデバイスがこのプロパティより狭い場合、画面を水平方向にスクロールできます。

Distinct( DataSource, ColumnName )

例

  1. Radio コントロールを追加し、ScreenFills という名前を付け、Items プロパティを次の値に設定します:

    ["Red", "Green"]

    コントロールの追加、名前付け、構成 についてはこちらをご覧ください。

  2. 既定の Screen コントロールに ソース という名前を付け、別の 画面 コントロールを追加して、対象 という名前を付けます。

  3. ソース に、Shape コントロール (矢印など) を追加し、その OnSelect プロパティを次の数式に設定します:

    Navigate(Target, ScreenTransition.Fade)

    Navigate 関数または その他の関数 については各関連記事を参照してください。

  4. 対象 に、Shape コントロール (矢印など) を追加し、その OnSelect プロパティを次の数式に設定します:

    Navigate(Source, ScreenTransition.Fade)

  5. 対象 の Fill プロパティを次の数式に設定します:

    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

  6. ソース 画面を選択してから、Alt キーを押しながら、Radio コントロールのいずれかのオプションを選択し、次に Shape コントロールを選択します。

    対象 が、選択した色で表示されます。

  7. 対象 で、Shape コントロールを選択して、ソース に戻ります。

  8. (オプション) Radio コントロールの他のオプションを選択してから、Shape コントロールを選択して 対象 が他の色で表示されることを確認します。

  9. (オプション) 左側のナビゲーション バーの 対象 にカーソルを合わせて画面を並べ替え、表示される省略記号を選択してから、上へ移動 を選択します。

    ユーザーがアプリを開くときに、対象 が最初に表示されます。

アクセシビリティ ガイドライン

色のコントラスト

Screen がテキストの実質的な背景である場合、次の間には適切な色のコントラストが必要です:

たとえば、Screen に Label が含まれ、ラベルの塗りつぶしが透明な場合、画面の Fill は実質的にはラベルの背景色になります。

テキストに加えて、Rating コントロールの星画像のような重要なグラフィック オブジェクトとの色のコントラストを確認することを検討してください。

スクリーン リーダー サポート

  • 各 Screen にはわかりやすい名前を付ける必要があります。 画面名は、他のコントロールと同様に、コントロール ウィンドウのツリー ビューまたはプロパティ ウィンドウのヘッダーで表示および編集できます。

    注意

    新しい Screen が読み込まれると、スクリーン リーダーでその名前が通知されます。

注意

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

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