ユーザーがそれを開く場合を除き、最初の項目のみを表示するリストです。

説明

ドロップダウン コントロールを使うと、特にリストに多数の選択肢が含まれている場合に画面スペースを節約できます。 ユーザーが下向き矢印を選択して選択肢を表示しない限り、コントロールが使うのは 1 行のみです。

主要なプロパティ

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

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

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

ギャラリー、リスト、またはグラフを追加すると、既定ではプロパティの一覧に項目が表示されます。新しいコントロールに表示されるデータを簡単に指定できます。 たとえば、ギャラリーの Items プロパティは、Salesforce の Account テーブルや、Excel で作成してクラウドにアップロードした 在庫管理 という名前の表や、カンファレンスの講師と名前をつけた SharePoint リストなどに設定できます。

Selected – 選択された項目です。

その他のプロパティ

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

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。

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

FocusedBorderThickness – キーボードでフォーカスした場合のコントロールの境界線の太さです。

ChevronBackground – ドロップダウン リストの下向き矢印の背景色です。

ChevronBackground – ドロップダウン リストの下向き矢印の色です。

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

Disabled – コントロールをユーザーが操作できるかどうかを指定します。

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

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

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

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

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

FontWeight – コントロール内のテキストの太さです。Bold (太字)、Semibold (中太)、Normal (標準)、Lighter (細字) から指定します。

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

HoverBorderColor – コントロール上にユーザーがマウス ポインターを重ねているときのコントロールの境界線の色です。

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

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

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

OnChange – ユーザーが (スライダーを調整するなどして) コントロールの値を変更した場合のアプリの反応を指定します。

OnSelect – ユーザーがコントロールをタップまたはクリックした場合のアプリの反応を指定します。

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

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

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

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

PressedBorderColor – コントロールをユーザーがタップまたはクリックしたときのコントロールの境界線の色です。

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

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

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

SelectionColor – リスト内で選択された項目のテキストの色、またはペン コントロールの選択ツールの色です。

SelectionFill – リストで選択された項目またはペン コントロールの選択領域の背景色です。

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

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

TabIndex – ゼロ以外の値に設定すると、実行時のコントロールのタブの順序をカスタマイズできます。

Tooltip – ポインターをコントロールに合わせたときに表示される説明テキストです。

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

Visible – コントロールを表示するか非表示にするかを指定します。

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

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

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

  1. ボタン コントロールを追加し、Collect を表示するように Text プロパティを設定します。

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

  2. ボタン コントロールの OnSelect プロパティに次の式を設定します。
    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 関数またはその他の関数については各関連記事を参照してください。

  3. F5 キーを押し、ボタン コントロールをクリックまたはタップしてから、Esc キーを押します。

  4. ドロップ ダウン コントロールを追加し、「Countries」という名前を付け、Items プロパティを以下の値に設定します。
    Distinct (CityPopulations, Country)

  5. テキスト ギャラリー コントロールを垂直方向 (縦向き) で追加し、Items プロパティに次の数式を設定します。
    Filter(CityPopulations, Countries.Selected.Value in Country)

  6. テキスト ギャラリーの最初の項目で、上のラベルText プロパティを ThisItem.City に設定し、下のラベル コントロールを削除します。

  7. テキスト ギャラリーコントロールの TemplateSize プロパティを 80 に設定します。

  8. F5 キーを押して、Countries リストの下向き矢印をクリックまたはタップし、リストのオプションを選択します。

    テキスト ギャラリー コントロールは、選択した国の都市のみを表示します。