PowerApps のラジオ コントロールRadio control in PowerApps

ユーザーが一度に選択できるものを 1 つに限定してすべてのオプションを表示するリストです。A list that shows all options but the user can select only one at a time.

説明Description

何十年もユーザーに使われてきたラジオ コントロールは、相互排他的な少数のオプションのみと組み合わせて使うのが最適です。A Radio control, with which users have decades of experience, is best used with only a few options that are mutually exclusive.

主要なプロパティKey properties

Default – ユーザーが変更する前のコントロールの初期値です。Default – The initial value of a control before it is changed by the user.

Items – ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソースです。Items – The source of data that appears in a control such as a gallery, a list, or a chart.

Items ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソースです。Items The source of data that appears in a control such as a gallery, a list, or a chart.

ギャラリー、リスト、またはグラフを追加すると、既定ではプロパティの一覧に項目が表示されます。新しいコントロールに表示されるデータを簡単に指定できます。When you add a gallery, a list, or a chart, the property list shows Items by default so that you can easily specify the data that the new control should show. たとえば、ギャラリーの Items プロパティは、Salesforce の Account テーブルや、Excel で作成してクラウドにアップロードした 在庫管理 という名前の表や、カンファレンスの講師と名前をつけた SharePoint リストなどに設定できます。For example, you might set the Items property of a gallery to the Account table in Salesforce, a table named Inventory that you created in Excel and uploaded to the cloud, or a SharePoint list named ConferenceSpeakers.

Value – 入力コントロールの値です。Value – The value of an input control.

すべてのプロパティAll properties

Align – コントロールの水平方向の中心に対するテキストの位置です。Align – The location of text in relation to the horizontal center of its control.

BorderColor – コントロールの境界線の色です。BorderColor – The color of a control's border.

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – コントロールの境界線の太さです。BorderThickness – The thickness of a control's border.

FocusedBorderThickness – キーボードでフォーカスした場合のコントロールの境界線の太さです。FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

Color – コントロールのテキストの色です。Color – The color of text in a control.

DisplayMode – コントロールで、ユーザー入力を許可するか (Edit)、データの表示のみを許可するか (View)、許可しないか (Disabled) を設定します。DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色です。DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロール内のテキストの色です。DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色です。DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill – コントロールの背景色です。Fill – The background color of a control.

Font – テキストを表記するフォントのファミリー名です。Font – The name of the family of fonts in which text appears.

FontWeight – コントロール内のテキストの太さです。Bold (太字)、Semibold (中太)、Normal (標準)、Lighter (細字) から指定します。FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height – コントロールの上端と下端の距離です。Height – The distance between a control's top and bottom edges.

HoverColor – コントロールにユーザーがマウス ポインターを重ねているときのコントロール内のテキストの色です。HoverColor – The color of the text in a control when the user keeps the mouse pointer on it.

HoverFill – コントロールにユーザーがマウス ポインターを重ねているときのコントロールの背景色です。HoverFill – The background color of a control when the user keeps the mouse pointer on it.

Italic – コントロール内のテキストを斜体にするかどうかを指定します。Italic – Whether the text in a control is italic.

LineHeight – テキストの行間やリスト内の項目間などの距離です。LineHeight – The distance between, for example, lines of text or items in a list.

OnChange – ユーザーが (スライダーを調整するなどして) コントロールの値を変更した場合のアプリの反応を指定します。OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect – ユーザーがコントロールをタップまたはクリックした場合のアプリの反応を指定します。OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離です。PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離です。PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離です。PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離です。PaddingTop – The distance between text in a control and the top edge of that control.

PressedColor – コントロールをユーザーがタップまたはクリックしたときのコントロール内のテキストの色です。PressedColor – The color of text in a control when the user taps or clicks that control.

PressedFill – コントロールをユーザーがタップまたはクリックしたときのコントロールの背景色です。PressedFill – The background color of a control when the user taps or clicks that control.

RadioBackgroundFill – ラジオボタン コントロールの円の背景色です。RadioBackgroundFill – The background color of the circles in a radio-button control.

RadioBorderColor – ラジオボタン コントロールに含まれる各オプションの円の色です。RadioBorderColor – The color of the circle for each option in a radio-button control.

RadioSelectionFill – ラジオボタン コントロールで選択されたオプションの円の内側に表示される色です。RadioSelectionFill – The color that appears inside the circle of the selected option in a radio-button control.

RadioSize – ラジオボタン コントロールの円の直径です。RadioSize – The diameter of the circles in a radio-button control.

Reset – コントロールを既定値に戻すかどうかを指定します。Reset – Whether a control reverts to its default value.

Size – コントロールに表示されるテキストのフォント サイズです。Size – The font size of the text that appears on a control.

Strikethrough – コントロールに表示されるテキストに取り消し線を付けるかどうかを指定します。Strikethrough – Whether a line appears through the text that appears on a control.

TabIndex – ゼロ以外の値に設定すると、実行時のコントロールのタブの順序をカスタマイズできます。TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Tooltip – ポインターをコントロールに合わせたときに表示される説明テキストです。Tooltip – Explanatory text that appears when the user hovers over a control.

Underline – コントロールに表示されるテキストの下に線を引くかどうかを指定します。Underline – Whether a line appears under the text that appears on a control.

Visible – コントロールを表示するか非表示にするかを指定します。Visible – Whether a control appears or is hidden.

Width – コントロールの左端と右端の間の距離です。Width – The distance between a control's left and right edges.

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離です。X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離です。Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Distinct( DataSource, ColumnName )Distinct( DataSource, ColumnName )

Example

  1. ラジオ コントロールを追加して Pricing という名前を付け、Items プロパティを次の式に設定します。Add a Radio control, name it Pricing, and set its Items property to this formula:
    ["標準", "プレミアム"]["Standard", "Premium"]

    コントロールの追加、命名、構成についてはこちらをご覧くださいDon't know how to add, name, and configure a control?

  2. ラベル コントロールを追加してラジオ コントロールの下に移動させ、ラベル コントロールの Text プロパティを次の式に設定します。Add a Label control, move it below the Radio control, and set the Text property of the Label control to this formula:
    If("プレミアム" in Pricing.Selected.Value, "$200/日", "$150/日")If("Premium" in Pricing.Selected.Value, "$200 per day", "$150 per day")

    If 関数やその他の関数については各関連記事を参照してください。Want more information about the If function or other functions?

  3. F5 キーを押して、ラジオ コントロールのいずれかのオプションを選択します。Press F5, and then choose either option in the Radio control.

    ラベル コントロールに、選択内容に合ったテキストが表示されます。The Label control shows the appropriate text for your choice.

  4. (省略可能) ラジオ コントロールで他のオプションを選択して、適切なテキストが表示されることを確認します。(optional) In the Radio control, choose the other option to confirm that the appropriate text appears.
  5. 既定のワークスペースに戻るには、Esc キーを押します。To return to the default workspace, press Esc.