ユーザーがアイテムを開かない限り、最初の項目のみを表示するリスト。
Description
ドロップダウン コントロールは、特にリストに多くの選択肢が含まれている場合に、画面の不動産を節約します。 ユーザーがシェブロンを選択してより多くの選択肢を表示しない限り、コントロールは 1 行しか取りません。 このコントロールには、最大 500 個の項目が表示されます。
重要なプロパティ
既定値 – ユーザーが別の値を指定する前のコントロールの初期値。
Items – コントロールに表示される項目を含むデータのソース。 ソースに複数の列がある場合は、コントロールの Value プロパティを、表示するデータの列に設定します。
値 – コントロールに表示するデータの列 (データ ソースに複数の列がある場合など)。
選択済み – 選択した項目を表すデータ レコード。
AllowEmptySelection – コントロールが選択された項目を持つことができないかどうか。 false の場合、選択した項目が常に存在し、最初は 既定値 または最初の項目になります。
追加のプロパティ
AccessibleLabel – スクリーン リーダーのラベル。
BorderColor – コントロールの境界線の色。
BorderStyle – コントロールの境界線が Solid、Dashed、Doted、None のいずれであるか。
BorderThickness – コントロールの境界線の太さ。
ChevronBackground – ドロップダウン リストの下矢印の後ろの色。
ChevronFill – ドロップダウン リストの下矢印の色。
色 – コントロール内のテキストの色。
DisplayMode – コントロールでユーザー入力 (編集) を許可するか、データのみを表示するか (表示)、無効 (無効) にするかを指定します。
DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色。
DisabledColor – DisplayMode プロパティが Disabled に設定されている場合のコントロール内のテキストの色。
DisabledFill – DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色。
塗りつぶし – コントロールの背景色。
FocusedBorderColor – コントロールがフォーカスされている場合のコントロールの境界線の色。
FocusedBorderThickness – コントロールがフォーカスされたときのコントロールの境界線の太さ。
フォント – テキストが表示されるフォントファミリの名前。
FontWeight – コントロール内のテキストの重み: 太字、 半ボルト、 標準、 または太さ。
Height – コントロールの上端と下端の間の距離。
HoverBorderColor – ユーザーがそのコントロールにマウス ポインターを置いたままにしたときのコントロールの境界線の色。
HoverColor – ユーザーがマウス ポインターを置いたままにしたときのコントロール内のテキストの色。
HoverFill – ユーザーがマウス ポインターをその上に置いたままにしたときのコントロールの背景色。
斜体 – コントロール内のテキストが斜体かどうかを指定します。
OnChange – ユーザーがコントロールの値を変更したときに実行するアクション (スライダーを調整するなど)。
OnSelect – ユーザーがコントロールを選択したときに実行するアクション。
PaddingBottom – コントロール内のテキストとそのコントロールの下端との間の距離。
PaddingLeft – コントロール内のテキストとそのコントロールの左端との間の距離。
PaddingRight – コントロール内のテキストとそのコントロールの右端との間の距離。
PaddingTop – コントロール内のテキストとそのコントロールの上端との間の距離。
PressedBorderColor – ユーザーがそのコントロールを選択したときのコントロールの境界線の色。
PressedColor – ユーザーがそのコントロールを選択したときのコントロール内のテキストの色。
PressedFill – ユーザーがそのコントロールを選択したときのコントロールの背景色。
リセット – コントロールが既定値に戻るかどうか。
SelectedText (非推奨) – 選択した項目を表す文字列値。 代わりに Dropdown1.SelectedText.Value を使用し、"Dropdown1" をアプリのドロップダウン コントロール名に置き換えます。
SelectionColor – 選択した項目またはリスト内の項目のテキストの色、またはペン コントロールの選択ツールの色。
SelectionFill – 選択したアイテムまたはリスト内の項目、またはペン コントロールの選択した領域の背景色。
サイズ – コントロールに表示されるテキストのフォント サイズ。
取り消し線 – コントロールに表示されるテキストを線で表示するかどうかを指定します。
TabIndex – 他のコントロールに対するキーボード ナビゲーションの順序。
ヒント – ユーザーがコントロールの上にマウス ポインターを置いたときに表示される説明テキスト。
下線 – コントロールに表示されるテキストの下に行を表示するかどうかを指定します。
表示 – コントロールが表示されるか非表示になっているか。
幅 – コントロールの左端と右端の間の距離。
X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。
Y – コントロールの上端と親コンテナーの上端との間の距離 (親コンテナーがない場合は画面)。
注
ポップアップの境界線プロパティは、 FocusedBorder プロパティによって制御されます。
例示
単純なリスト
ドロップダウン コントロールを追加し、その Items プロパティを次の式に設定します。
["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]Alt キーを押しながらコントロールの下矢印を選択して、リスト内の項目を表示します。
データ ソースからのリスト
この手順の原則は 、テーブルを提供するすべてのデータ ソース に適用されますが、これらの手順を正確に実行するには、Microsoft Dataverse データベースが作成され、サンプル データが追加された環境を開く必要があります。
空のアプリを開 き、Dataverse から Accounts テーブルを追加します。
ドロップダウン コントロールを追加し、その Items プロパティを次の数式に設定します。
Distinct(Accounts, 'Address 1: City')この数式では、[ 取引先企業 ] テーブルのすべての都市が表示されます。 複数のレコードに同じ市区町村がある場合、 Distinct 関数はドロップダウン コントロールの重複を非表示にします。
(省略可能) ドロップダウン コントロールの名前を Cities に変更し、垂直 ギャラリー コントロールを追加し、ギャラリーの Items プロパティを次の数式に設定します。
Filter(Accounts, address1_city == Cities.Selected.Result)この Filter 関数は、市区町村が Cities コントロールで選択した値と一致する Accounts テーブル内のレコードのみを表示します。
アクセシビリティ ガイドライン
色のコントラスト
次の間に適切な色のコントラストが必要です。
- ChevronFill と ChevronBackground
- ChevronHoverFill と ChevronHoverBackground
- SelectionColor と SelectionFill
- SelectionFill と Fill
これは、 標準のカラー コントラスト要件に加えて行われます。
スクリーン リーダーのサポート
- AccessibleLabel が存在する必要があります。
キーボードのサポート
- キーボード ユーザーが移動できるようにするには、TabIndex を 0 以上にする必要があります。
- フォーカス インジケーターは明確に表示する必要があります。 これを実現するには、FocusedBorderColor と FocusedBorderThickness を使用します。