Power Apps의 드롭다운 컨트롤
사용자가 열지 않는 한 첫 번째 항목만 표시하는 목록입니다.
설명
드롭다운 컨트롤은 특히 목록에 선택항목이 많은 경우 화면 사용 공간을 절약합니다. 이 컨트롤은 사용자가 펼침 단추를 선택하여 다른 선택을 표시하지 않으면 한 줄만 취합니다. 이 컨트롤을 사용하면 최대 500개의 항목이 표시됩니다.
주요 속성
Default – 사용자가 다른 값을 지정하기 전 컨트롤의 초기 값입니다.
Items – 컨트롤에 표시되는 항목을 포함하는 데이터의 원본입니다. 원본에 여러 개의 열이 있는 경우, 컨트롤의 Value 속성을 표시할 데이터의 열로 설정합니다.
Value – 컨트롤에 표시할 데이터 열입니다(예를 들어 데이터 원본에 여러 열이 있는 경우).
Selected – 선택한 항목을 나타내는 데이터 레코드입니다.
AllowEmptySelection – 컨트롤에 선택된 항목이 없을 수 있는지 여부입니다. false인 경우 항상 선택된 항목이 있으며, 처음에는 기본값 또는 첫 번째 항목이 됩니다.
추가 속성
AccessibleLabel – 화면 읽기 프로그램의 레이블입니다.
BorderColor – 컨트롤의 테두리 색입니다.
BorderStyle – 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.
BorderThickness – 컨트롤의 테두리 굵기입니다.
ChevronBackground – 드롭다운 목록에서 아래쪽 화살표의 배경색입니다.
ChevronFill – 드롭다운 목록에서 아래쪽 화살표의 색입니다.
Color – 컨트롤의 텍스트 색입니다.
DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.
DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.
DisabledColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 텍스트 색입니다.
DisabledFill – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 배경색입니다.
Fill – 컨트롤의 배경색입니다.
FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.
FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.
Font – 텍스트가 표시되는 글꼴의 제품군 이름입니다.
FontWeight - 컨트롤의 텍스트 굵기입니다. Bold, Semibold, Normal 또는 Lighter입니다.
Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.
HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 테두리 색입니다.
HoverColor – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 텍스트 색입니다.
HoverFill – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 배경색입니다.
Italic - 컨트롤의 텍스트를 기울임꼴로 설정할지 여부를 선택합니다.
OnChange – 사용자가 컨트롤의 값을 변경할 때(예: 슬라이더 조절) 수행할 작업입니다.
OnSelect – 사용자가 컨트롤을 탭하거나 클릭할 때 수행할 작업입니다.
PaddingBottom – 컨트롤의 텍스트와 해당 컨트롤의 하단 가장자리 사이의 거리입니다.
PaddingLeft – 컨트롤의 텍스트와 해당 컨트롤의 왼쪽 가장자리 사이의 거리입니다.
PaddingRight – 컨트롤의 텍스트와 해당 컨트롤의 오른쪽 가장자리 사이의 거리입니다.
PaddingTop – 컨트롤의 텍스트와 해당 컨트롤의 상단 가장자리 사이의 거리입니다.
PressedBorderColor – 사용자가 컨트롤을 탭하거나 클릭하는 경우 컨트롤의 테두리 색입니다.
PressedColor – 사용자가 컨트롤을 탭하거나 클릭하는 경우 컨트롤의 텍스트 색입니다.
PressedFill – 사용자가 컨트롤을 탭하거나 클릭하는 경우 컨트롤의 배경색입니다.
Reset – 컨트롤을 기본값으로 되돌릴지 여부를 선택합니다.
SelectedText (Deprecated) – 선택한 항목을 나타내는 문자열 값입니다. 대신 Dropdown1.SelectedText.Value를 사용하고 앱에서 "Dropdown1"을 드롭다운 컨트롤 이름으로 바꿉니다.
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분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).