次の方法で共有

Power Apps での 画面 コントロール

  • [アーティクル]

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

内容

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

主要なプロパティ

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

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

追加のプロパティ

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

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

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

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

Name - 画面の名前。

OnHidden – ユーザーが画面から移動するときのアプリの動作。 アプリ設定で 非ブロッキング App.OnStart の無効化 ルールが有効になっている場合、このプロパティは App.OnStart の実行が完了するまで待機する必要がある場合があります。 既定では、この設定はオンに設定されています。

OnVisible – ユーザーが画面に移動するときのアプリの動作。 このプロパティを使用して、画面で使用される変数とプリロード データを設定します。 App.OnStart プロパティを使用して、アプリ起動時に一度設定します。 非ブロッキングApp.OnStart が有効になっている場合、 Screen.OnVisible イベントはそれと並行して実行できます。 そのため、 App.OnStart によって初期化される変数やコレクションは完全に初期化されていない可能性があるため、それらに依存しないようにすることをお勧めします。

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

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

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

Distinct( DataSource, ColumnName )

例

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

    ["Red", "Green"]

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

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

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

    Navigate(Target, ScreenTransition.Fade)

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

  4. 対象に、図形 コントロール (矢印など) を追加し、その 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 キーを押しながら、ラジオ コントロールのいずれかのオプションを選択し、次に 図形 コントロールを選択します。

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

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

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

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

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

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

色のコントラスト

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

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

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

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

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

    ヒント

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