다음을 통해 공유


Power Apps의 드롭다운 컨트롤

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

Description

드롭다운 컨트롤은 특히 목록에 많은 선택 항목이 포함된 경우 화면 공간을 절약합니다. 사용자가 더 많은 선택 항목을 표시하기 위해 펼침 단추를 선택하지 않는 한 컨트롤은 한 줄만 차지합니다. 컨트롤에는 최대 500개 항목이 표시됩니다.

키 속성

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

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

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

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

AllowEmptySelection – 컨트롤에 선택한 항목이 없을 수 있는지 여부입니다. false이면 항상 선택한 항목이 있으며, 처음에는 기본 항목 이나 첫 번째 항목이 됩니다.

추가 속성

AccessibleLabel – 화면 읽기 프로그램에 대한 레이블입니다.

BorderColor – 컨트롤 테두리의 색입니다.

BorderStyle – 컨트롤의 테두리가 Solid, Dashed, Dotted 또는 None인지 여부입니다.

BorderThickness – 컨트롤 테두리의 두께입니다.

ChevronBackground – 드롭다운 목록의 아래쪽 화살표 뒤에 있는 색입니다.

ChevronFill – 드롭다운 목록에서 아래쪽 화살표의 색입니다.

– 컨트롤의 텍스트 색입니다.

DisplayMode – 컨트롤에서 사용자 입력(편집)을 허용하는지 여부, 데이터만 표시(보기) 또는 사용 안 함(사용 안 함)입니다.

DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.

DisabledColorDisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 텍스트 색입니다.

DisabledFillDisplayMode 속성이 Disabled 로 설정된 경우 컨트롤의 배경색입니다.

Fill – 컨트롤의 배경색입니다.

FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.

FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.

글꼴 – 텍스트가 표시되는 글꼴 패밀리의 이름입니다.

FontWeight – 컨트롤에 있는 텍스트의 가중치: 굵게, 세미볼드, 노멀 또는 라이터.

높이 – 컨트롤의 위쪽 가장자리와 아래쪽 가장자리 사이의 거리입니다.

HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 유지할 때 컨트롤의 테두리 색입니다.

HoverColor – 사용자가 마우스 포인터를 유지할 때 컨트롤의 텍스트 색입니다.

HoverFill – 사용자가 마우스 포인터를 유지할 때 컨트롤의 배경색입니다.

기울임꼴 – 컨트롤의 텍스트가 기울임꼴인지 여부입니다.

OnChange – 사용자가 컨트롤의 값을 변경할 때 수행할 작업(예: 슬라이더 조정).

OnSelect – 사용자가 컨트롤을 선택할 때 수행할 작업입니다.

PaddingBottom – 컨트롤의 텍스트와 해당 컨트롤의 아래쪽 가장자리 사이의 거리입니다.

PaddingLeft – 컨트롤의 텍스트와 해당 컨트롤의 왼쪽 가장자리 사이의 거리입니다.

PaddingRight – 컨트롤의 텍스트와 해당 컨트롤의 오른쪽 가장자리 사이의 거리입니다.

PaddingTop – 컨트롤의 텍스트와 해당 컨트롤의 위쪽 가장자리 사이의 거리입니다.

PressedBorderColor – 사용자가 해당 컨트롤을 선택할 때 컨트롤의 테두리 색입니다.

PressedColor – 사용자가 해당 컨트롤을 선택할 때 컨트롤의 텍스트 색입니다.

PressedFill – 사용자가 해당 컨트롤을 선택할 때 컨트롤의 배경색입니다.

다시 설정 – 컨트롤이 기본값으로 되돌아갈지 여부입니다.

SelectedText(사용되지 않음) – 선택한 항목을 나타내는 문자열 값입니다. 대신 Dropdown1.SelectedText.Value를 사용하여 "Dropdown1"을 앱의 드롭다운 컨트롤 이름으로 바꿔야 합니다.

SelectionColor – 목록에서 선택한 항목 또는 항목의 텍스트 색 또는 펜 컨트롤의 선택 도구 색입니다.

SelectionFill – 목록에서 선택한 항목 또는 펜 컨트롤의 선택한 영역의 배경색입니다.

크기 – 컨트롤에 표시되는 텍스트의 글꼴 크기입니다.

취소선 – 컨트롤에 나타나는 텍스트를 통해 선이 표시되는지 여부입니다.

TabIndex – 다른 컨트롤과 관련된 키보드 탐색 순서입니다.

도구 설명 – 사용자가 컨트롤을 마우스로 가리킬 때 표시되는 설명 텍스트입니다.

밑줄 – 컨트롤에 표시되는 텍스트 아래에 줄이 표시되는지 여부입니다.

표시 – 컨트롤이 표시되는지 숨겨지는지 여부입니다.

너비 – 컨트롤의 왼쪽 가장자리와 오른쪽 가장자리 사이의 거리입니다.

X – 컨트롤의 왼쪽 가장자리와 부모 컨테이너의 왼쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

Y – 컨트롤의 위쪽 가장자리와 부모 컨테이너의 위쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

비고

플라이아웃 테두리 속성은 FocusedBorder 속성에 의해 제어됩니다.

예시

단순 목록

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

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

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

  2. Alt 키를 누르는 동안 컨트롤의 아래쪽 화살표를 선택하여 목록의 항목을 표시합니다.

데이터 원본의 목록

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

  1. 빈 앱을 열고 Dataverse에서 Accounts 테이블을 추가합니다.

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

    Distinct(Accounts, 'Address 1: City')

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

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

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

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

내게 필요한 옵션 지침

색 대비

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

  • ChevronFillChevronBackground
  • ChevronHoverFillChevronHoverBackground
  • SelectionColorSelectionFill
  • SelectionFillFill

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

화면 읽기 프로그램 지원

키보드 지원

  • TabIndex 는 키보드 사용자가 탐색할 수 있도록 0 이상이어야 합니다.
  • 포커스 표시기를 명확하게 표시해야 합니다. 이 작업을 수행하려면 FocusedBorderColorFocusedBorderThickness 를 사용합니다.