Power Apps의 드롭다운 컨트롤

사용자가 열지 않는 한 첫 번째 항목만 표시하는 목록입니다.

설명

드롭다운 컨트롤은 특히 목록에 선택항목이 많은 경우 화면 사용 공간을 절약합니다. 이 컨트롤은 사용자가 펼침 단추를 선택하여 다른 선택을 표시하지 않으면 한 줄만 취합니다. 이 컨트롤을 사용하면 최대 500개의 항목이 표시됩니다.

주요 속성

Default – 사용자가 다른 값을 지정하기 전 컨트롤의 초기 값입니다.

Items – 컨트롤에 표시되는 항목을 포함하는 데이터의 원본입니다. 원본에 여러 개의 열이 있는 경우, 컨트롤의 Value 속성을 표시할 데이터의 열로 설정합니다.

Value – 컨트롤에 표시할 데이터 열입니다(예를 들어 데이터 원본에 여러 열이 있는 경우).

Selected – 선택한 항목을 나타내는 데이터 레코드입니다.

AllowEmptySelection – 선택된 항목이 없는 경우 컨트롤에 빈 선택이 표시되는지 여부입니다. 앱 사용자는 빈 항목을 선택하여 선택을 취소할 수도 있습니다.

추가 속성

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 속성으로 제어됩니다.

간단한 목록

  1. 드롭다운 컨트롤을 추가한 다음, Items 속성을 다음 수식으로 설정합니다.

    ["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]

    컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?

  2. Alt 키를 누른 채로 컨트롤의 아래쪽 화살표를 선택하여 목록에 항목을 표시합니다.

데이터 원본에서 나열

이 절차의 원칙은 테이블을 제공하는 모든 데이터 원본에 적용되지만 이러한 단계를 정확히 따르려면 앱용 Microsoft Dataverse 데이터베이스가 만들어지고 샘플 데이터가 추가된 환경을 열어야 합니다.

  1. 빈 앱을 연 다음, 계정 테이블을 지정합니다.

  2. 드롭다운 컨트롤을 추가하고 Items 속성을 다음 수식으로 설정합니다.

    Distinct(Accounts, 'Address 1: City')

    이 수식은 계정 테이블의 모든 도시를 표시합니다. 두 개 이상의 레코드에 동일한 도시가 있는 경우, Distinct 함수는 드롭다운 컨트롤에 있는 중복을 숨깁니다.

  3. (선택 사항) 드롭다운 컨트롤의 이름을 Cities로 변경하고 세로 갤러리 컨트롤을 추가하고 갤러리의 Items 속성을 이 수식으로 설정합니다.

    Filter(Accounts, address1_city = Cities.Selected.Result)

    Filter 함수는 도시가 도시 컨트롤에서 선택한 값과 일치하는 Cities 테이블의 레코드만 표시합니다.

접근성 지침

색 대비

다음 사이에 적절한 색 대비가 있어야 합니다.

  • ChevronFillChevronBackground
  • ChevronHoverFillChevronHoverBackground
  • SelectionColorSelectionFill
  • SelectionFillFill

이는 표준 색 대비 요구 사항에 추가됩니다.

스크린 리더 지원

키보드 지원

  • 키보드 사용자가 탐색할 수 있도록 TabIndex 가 0 이상이어야 합니다.
  • 포커스 표시기가 명확하게 표시되어야 합니다. FocusedBorderColorFocusedBorderThickness 를 사용하여 이를 달성합니다.

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).