Power Apps での ドロップダウン コントロール
ユーザーがそれを開く場合を除き、最初の項目のみを表示するリスト。
内容
ドロップダウン コントロールは、特にリストに多数の選択肢が含まれている場合に、画面スペースを節約します。 ユーザーがシェブロンを選択して選択肢を表示しない限り、コントロールが使用するのは 1 行のみです。 コントロールは、最大 500 の項目を表示します。
主要なプロパティ
Default – ユーザーが別の値を指定する前のコントロールの初期値。
Items – コントロールに表示される項目を含むデータのソース。 ソースに複数列ある場合、コントロールのValueプロパティを表示するデータの列に設定します。
Value – コントロールに表示するデータの列 (たとえば、データ ソースに複数の列がある場合)。
Selected – 選択された項目を表すデータ レコード。
AllowEmptySelection – コントロールに選択された項目を含めることができないかどうか。 false の場合、常に選択された項目があり、最初は 既定 または最初の項目になります。
追加のプロパティ
AccessibleLabel – スクリーン リーダー用のラベル。
BorderColor – コントロールの境界線の色。
BorderStyle – コントロールの境界線が実線、破線、点線、またはなしかどうか。
BorderThickness – コントロールの境界線の太さ。
ChevronBackground – ドロップダウン リストの下矢印の背景色。
ChevronFill – ドロップダウン リストの下向き矢印の色。
Color – コントロールのテキストの色。
DisplayMode – コントロールがユーザー入力を許可するか (編集)、データのみを表示するか (表示)、または無効にするか (無効) どうか。
DisabledBorderColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの境界線の色。
DisabledColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロール内のテキストの色。
DisabledFill – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの背景色。
Fill – コントロールの背景色。
FocusedBorderColor – コントロールがフォーカスされているときのコントロールの境界線の色。
FocusedBorderThickness – コントロールがフォーカスされているときのコントロールの境界線の太さ。
Font – テキストを表示するフォントのファミリーの名前。
FontWeight – コントロール内のテキストの太さ: 太字、中太、標準、または細字。
Height – コントロールの上端と下端間の距離。
HoverBorderColor – ユーザーがコントロール上にマウス ポインターを重ねているときのコントロールの境界線の色。
HoverColor – ユーザーがコントロールにマウス ポインターを重ねているときのコントロール内のテキストの色。
HoverFill – ユーザーがコントロールにマウス ポインターを重ねているときのコントロールの背景色。
Italic – コントロール内のテキストを斜体にするかどうか。
OnChange – ユーザーが (スライダーを調整するなどして) コントロールの値を変更したときに実行するアクション。
OnSelect – ユーザーがコントロールをタップまたはクリックしたときに実行するアクション。
PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離。
PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離。
PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離。
PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離。
PressedBorderColor – ユーザーがコントロールをタップまたはクリックしたときのコントロールの境界線の色。
PressedColor – ユーザーがコントロールをタップまたはクリックしたときのコントロール内のテキストの色。
PressedFill – ユーザーがコントロールをタップまたはクリックしたときのコントロールの背景色。
Reset – コントロールを既定値に戻すかどうかを指定します。
SelectedText (Deprecated) – 選択した項目を表す文字列値。 代わりに ドロップダウン1.SelectedText.Value を使用し、"ドロップダウン1" をアプリ内のドロップダウン コントロール名に置き換えます。
SelectionColor – リスト内で選択された項目のテキストの色、またはペン コントロールの選択ツールの色。
SelectionFill – 選択された項目、またはリストの項目、またはペン コントロールの選択領域の背景色。
Size – コントロールに表示されるテキストのフォント サイズ。
Strikethrough – コントロールに表示されるテキストに取り消し線を付けるかどうか。
TabIndex – 他のコントロールに関連するキーボード ナビゲーションの順序。
Tooltip – ユーザーがコントロールにカーソルを置くときに表示される説明テキスト。
Underline – コントロールに表示されるテキストの下に線を引くかどうか。
Visible – コントロールが表示されるか非表示になるか。
Width – コントロールの左端と右端間の距離。
X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。
Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。
注意
ポップアップ ボーダーのプロパティは、FocusedBorder プロパティによってコントロールされています。
使用例
シンプルなリスト
ドロップ ダウンコントロールを追加してから、その Items プロパティを次の式に設定します:
["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]
コントロールの追加、名前付け、構成 についてはこちらをご覧ください。
Alt キーを押しながらコントロールの下矢印を選択することにより、リストの項目を表示します。
データ ソースからのリスト
この手順の原則は、テーブルを提供するデータ ソース すべてに当てはまりますが、これらの手順に正しく従うには、Microsoft Dataverse データベースを作成し、サンプル データを追加した環境を開く必要があります。
空のアプリを開き、 取引先企業 テーブルを指定します。
ドロップダウン コントロールを追加し、その Items プロパティを次の式に設定します:
Distinct(Accounts, 'Address 1: City')
この数式では、取引先企業 テーブルの市区町村がすべて表示されます。 複数のレコードに同じ市区町村がある場合、重複するものは、Distinct 関数によりドロップダウン コントロールで非表示となります。
(オプション) ドロップダウン コントロールをCitiesに名前変更し、垂直方向のギャラリー コントロールを追加し、ギャラリーの Items プロパティをこの数式に設定します:
Filter(Accounts, address1_city = Cities.Selected.Result)
この Filter 関数は、Cities コントロールの選択された値と一致する 取引先企業 エンティティのレコードのみを表示します。
アクセシビリティ ガイドライン
色のコントラスト
次の間には適切な色のコントラストが必要です:
- ChevronFill と ChevronBackground
- ChevronHoverFill と ChevronHoverBackground
- SelectionColor と SelectionFill
- SelectionFill と Fill
これは、標準の色のコントラスト要件 に追加されるものです。
スクリーン リーダー サポート
- AccessibleLabel が存在する必要があります。
キーボードのサポート
- TabIndex を 0 以上にして、キーボード ユーザーがそこに移動できるようにする必要があります。
- フォーカス インジケーターは明確に表示する必要があります。 これを実現するには FocusedBorderColor および FocusedBorderThickness を使用します。
注意
ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)
この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。