PowerApps のドロップ ダウン コントロールDrop down control in PowerApps

ユーザーがそれを開く場合を除き、最初の項目のみを表示するリストです。A list that shows only the first item unless the user opens it.

説明Description

ドロップダウン コントロールを使うと、特にリストに多数の選択肢が含まれている場合に画面スペースを節約できます。A Drop down control conserves screen real estate, especially when the list contains a large number of choices. ユーザーが下向き矢印を選択して選択肢を表示しない限り、コントロールが使うのは 1 行のみです。The control takes up only one line unless the user selects the chevron to reveal more choices.

主要なプロパティ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.

Selected – 選択された項目です。Selected – The selected item.

その他のプロパティAdditional properties

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.

ChevronBackground – ドロップダウン リストの下向き矢印の背景色です。ChevronBackground – The color behind the down arrow in a dropdown list.

ChevronBackground – ドロップダウン リストの下向き矢印の色です。ChevronFill – The color of the down arrow in a dropdown list.

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.

HoverBorderColor – コントロール上にユーザーがマウス ポインターを重ねているときのコントロールの境界線の色です。HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

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.

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.

PressedBorderColor – コントロールをユーザーがタップまたはクリックしたときのコントロールの境界線の色です。PressedBorderColor – The color of a control's border when the user taps or clicks 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.

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

SelectionColor – リスト内で選択された項目のテキストの色、またはペン コントロールの選択ツールの色です。SelectionColor – The text color of a selected item or items in a list or the color of the selection tool in a pen control.

SelectionFill – リストで選択された項目またはペン コントロールの選択領域の背景色です。SelectionFill – The background color of a selected item or items in a list or a selected area of a pen control.

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).

Example

  1. ボタン コントロールを追加し、Collect を表示するように Text プロパティを設定します。Add a Button control, and set its Text property to show Collect.

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

  2. ボタン コントロールの OnSelect プロパティに次の式を設定します。Set the OnSelect property of the Button control to this formula:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

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

  3. F5 キーを押し、ボタン コントロールをクリックまたはタップしてから、Esc キーを押します。Press F5, click or tap the Button control, and then press Esc.
  4. ドロップ ダウン コントロールを追加し、「Countries」という名前を付け、Items プロパティを以下の値に設定します。Add a Drop down control, name it Countries, and set its Items property to this formula:
    Distinct (CityPopulations, Country)Distinct(CityPopulations, Country)
  5. テキスト ギャラリー コントロールを垂直方向 (縦向き) で追加し、Items プロパティに次の数式を設定します。Add a Text gallery control in vertical/portrait orientation, and set its Items property to this formula:
    Filter(CityPopulations, Countries.Selected.Value in Country)Filter(CityPopulations, Countries.Selected.Value in Country)
  6. テキスト ギャラリーの最初の項目で、上のラベルText プロパティを ThisItem.City に設定し、下のラベル コントロールを削除します。In the first item of the Text gallery control, set the Text property of the upper Label control to ThisItem.City, and delete the bottom Label control.
  7. テキスト ギャラリーコントロールの TemplateSize プロパティを 80 に設定します。Set the TemplateSize property of the Text gallery control to 80.
  8. F5 キーを押して、Countries リストの下向き矢印をクリックまたはタップし、リストのオプションを選択します。Press F5, click or tap the chevron in the Countries list, and then choose an option in that list.

    テキスト ギャラリー コントロールは、選択した国の都市のみを表示します。The Text gallery control shows only those cities in the country that you chose.