Power Apps での ラジオ コントロール

  • [アーティクル]

ユーザーが一度に 1 つだけ選択できる、複数のオプションを表示する入力コントロール。

内容

HTML の標準的な入力コントロールであるラジオ コントロールは、いくつかの相互に排他的なオプションでのみ使用するのが最適です。

このコントロールには、水平または垂直レイアウトがあります。

主要なプロパティ

Default – ユーザーが変更する前のコントロールの値。

Items – ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソース。

Layout – オプションが垂直または水平にレイアウトされるかどうか。

Value – 入力コントロールの値です。

Selected – 選択された項目を表すデータ レコード。

すべてのプロパティ

Align – コントロールの水平方向の中心に対するテキストの位置。

BorderColor – コントロールの境界線の色。

BorderStyle – コントロールの境界線が実線、破線、点線、またはなしかどうか。

BorderThickness – コントロールの境界線の太さ。

Color – コントロールのテキストの色。

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

DisabledBorderColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの境界線の色。

DisabledColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロール内のテキストの色。

DisabledFill – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの背景色。

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

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

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

Font – テキストを表示するフォントのファミリーの名前。

FontWeight – コントロール内のテキストの太さ: 太字、中太、標準、または細字。

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

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

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

Italic – コントロール内のテキストを斜体にするかどうか。

LineHeight – たとえば、テキストの行間またはリスト内の項目間などの距離です。

OnChange – ユーザーが (スライダーを調整するなどして) コントロールの値を変更したときに実行するアクション。

OnSelect – ユーザーがコントロールをタップまたはクリックしたときに実行するアクション。

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離。

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離。

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離。

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離。

PressedColor – ユーザーがコントロールをタップまたはクリックしたときのコントロール内のテキストの色。

PressedFill – ユーザーがコントロールをタップまたはクリックしたときのコントロールの背景色。

RadioBackgroundFill – ラジオボタン コントロールの円の背景色。

RadioBorderColor – ラジオボタン コントロールに含まれる各オプションの円の色。

RadioSelectionFill – ラジオボタン コントロールで選択されたオプションの円の内側に表示される色。

RadioSize – ラジオボタン コントロールの円の直径。

Reset – コントロールを既定値に戻すかどうかを指定します。

SelectedText (Deprecated) – 選択した項目を表す文字列値。

Size – コントロールに表示されるテキストのフォント サイズ。

Strikethrough – コントロールに表示されるテキストに取り消し線を付けるかどうか。

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

Tooltip – ユーザーがコントロールにカーソルを置くときに表示される説明テキスト。

Underline – コントロールに表示されるテキストの下に線を引くかどうか。

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

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

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

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

Distinct( DataSource, ColumnName )

例

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

    ["標準", "プレミアム"]

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

  2. ラベル コントロールを追加し、ラジオ コントロールの下に移動させ、ラベル コントロールの Text プロパティを次の数式に設定します:

    If("プレミアム" in Pricing.Selected.Value, "$200/日", "$150/日")

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

  3. Alt キーを押したまま、ラジオ コントロールのいずれかのオプションを選択します。

    ラベル コントロールでは、選択内容に合ったテキストが表示されます。

  4. (オプション) Alt キーを押しながら他のオプションを選択して、適切なテキストが表示されることを確認します。

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

色のコントラスト

標準の色のコントラスト要件 に加えて、次の間で色のコントラストが適切になるようにします:

  • RadioSelectionFill と RadioBackgroundFill
  • RadioBackgroundFill と Fill

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

  • すべてのオプションに Value があることを確認します。
  • ラジオ コントロールの直前に ラベル を追加して、見出しとして提供することを検討してください。

キーボードのサポート

  • キーボード ユーザーが移動できるように、TabIndex プロパティを 0 以上に設定します。
  • フォーカス インジケーターがはっきり見えるように、FocusedBorderColor および FocusedBorderThickness プロパティを設定します。

注意

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

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