Power Apps の形状とアイコンのコントロール

外観と動作のプロパティを構成できるグラフィック。

内容

これらのコントロールには矢印、幾何学的図形、アクション アイコン、記号が含まれており、塗りつぶし、サイズ、位置などのプロパティを構成できます。 また、OnSelect プロパティを構成すると、ユーザーがコントロールを選択した場合にアプリが反応するようにできます。

主要なプロパティ (アイコンと図形)

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

OnSelect – ユーザーがコントロールを選択したときに実行するアクション。

主要なプロパティ (アイコンのみ)

Icon - 表示するアイコンのタイプ (たとえば、ArrowDown または ShoppingCart)。

Rotation - アイコンを回転させる度数。

Color - 名前または RGBA 値によるアイコンの色。

追加のプロパティ

AccessibleLabel – スクリーン リーダー用のラベル。

DisplayMode – コントロールがユーザー入力を許可するか (編集)、データのみを表示するか (表示)、または無効にするか (無効) どうか。

FocusedBorderColor – コントロールがフォーカスされているときのコントロールの境界線の色。

FocusedBorderThickness – コントロールがフォーカスされているときのコントロールの境界線の太さ。

Height – コントロールの上端と下端間の距離。

HoverFill – ユーザーがコントロールにマウス ポインターを重ねているときのコントロールの背景色。

PressedBorderColor – ユーザーがコントロールを選択するときのコントロールの境界線の色。

PressedFill – ユーザーがコントロールを選択するときのコントロールの背景色。

TabIndex – 他のコントロールに関連するキーボード ナビゲーションの順序。

Visible – コントロールが表示されるか非表示になるか。

Width – コントロールの左端と右端間の距離。

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。

Navigate( ScreenName, ScreenTransition )

  1. 既定の Screen コントロールに 対象 という名前を付け、Label コントロールを追加し、対象 を表示するように Text プロパティを設定します。

    コントロールの追加および構成 についてはこちらをご覧ください。

  2. Screen コントロールを追加し、ソース という名前を付けます。

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

Navigate(Target, ScreenTransition.Fade)

  1. F5 キーを押してから、Shape コントロールを選択します。

    対象 画面が表示されます。

  2. (オプション) Esc キーを押して既定のワークスペースに戻り、対象Shape コントロールを追加し、図形 コントロールの OnSelect プロパティに次の数式を設定します:

Navigate(Source, ScreenTransition.Fade)

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

色のコントラスト

以下は、ボタンとして使用されるグラフィックに、または単なる装飾用ではないグラフィックにのみ適用されます。

アイコン用:

境界線のある図形の場合:

  • BorderColor とコントロールの外側の色
  • FocusedBorderColor とコントロールの外側の色 (ボタンとして使用される場合)

境界線のない図形の場合:

  • Fill とコントロールの外側の色
  • PressedFill とコントロールの外側の色 (ボタンとして使用される場合)
  • HoverFill とコントロールの外側の色 (ボタンとして使用される場合)

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

  • AccessibleLabel は重要なグラフィックに設定する必要があります。

  • グラフィックが装飾用であるか、冗長な情報を提供する場合は、AccessibleLabel を空にするか、空の文字列 "" に設定します。 スクリーン リーダーはこれらのグラフィックを無視します。

たとえば、このフォームは変更できません という Label の横に ロック アイコンを配置できます。 Label にはその意味がすでに説明されているため、アイコンに AccessibleLabel は必要ありません。

重要

TabIndex が 0 以上の場合、アイコンや図形はボタンになります。 外観は変わりませんが、スクリーン リーダーはボタンとして扱います。 AccessibleLabel が空の場合でも、コントロールを無視しません。 TabIndex が 0 未満の場合、スクリーン リーダーはアイコンや図形をイメージとして扱います。

キーボードのサポート

  • グラフィックをボタンとして使用する場合は、TabIndex を 0 以上にする必要があります。 キーボード ユーザーは、そこに移動できます。

  • グラフィックをボタンとして使用する場合は、明確に判別できるフォーカス インジケーターが必要です。 この結果を実現するには FocusedBorderColor および FocusedBorderThickness を使用します。