다음을 통해 공유


Power Apps의 도형 및 아이콘 컨트롤

모양 및 동작 속성을 구성할 수 있는 그래픽입니다.

설명

이러한 컨트롤에는 fill, size 및 location 등의 속성을 구성할 수 있는 화살표, 기하학적 도형, 작업 아이콘 및 기호가 있습니다. 또한, 사용자가 컨트롤을 선택할 경우 앱이 응답하도록 OnSelect 속성을 구성할 수도 있습니다.

주요 특성 (아이콘 및 모양)

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

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

주요 속성 (아이콘만)

Icon - 표시할 아이콘 유형입니다(예: 아래 화살표 또는 쇼핑 카트).

Rotation - 아이콘을 회전할 각도입니다.

Color - 이름 또는 RGBA 값별 아이콘의 색상입니다.

추가 속성

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

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.

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

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

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.

HoverFill – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 배경색입니다.

PressedBorderColor – 사용자가 컨트롤을 선택하는 경우 컨트롤의 테두리 색입니다.

PressedFill – 사용자가 컨트롤을 선택하는 경우 컨트롤의 배경색입니다.

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

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.

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

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

Navigate( ScreenName, ScreenTransition )

  1. 기본 화면 컨트롤의 이름을 Target으로 지정하고 레이블 컨트롤을 추가하며 Text 속성을 Target을 표시하도록 설정합니다.

    컨트롤을 추가하고 구성하는 방법을 모르시나요?

  2. 화면 컨트롤을 추가하고 이름을 Source로 지정합니다.

  3. Source에서 도형 컨트롤을 추가하고 다음 수식에 OnSelect 속성을 설정합니다.

Navigate(Target, ScreenTransition.Fade)

  1. F5를 누른 다음 도형 컨트롤을 선택합니다.

    Target 화면이 나타납니다.

  2. (선택 사항) Esc 키를 눌러 기본 작업 영역으로 돌아가고 도형 컨트롤을 Target에 추가한 다음, 도형 컨트롤의 OnSelect 속성을 다음 서식으로 설정합니다.

Navigate(Source, ScreenTransition.Fade)

접근성 지침

색 대비

다음은 단추로 사용되거나 장식용으로만 사용되지 않는 그래픽에만 적용됩니다.

아이콘:

테두리가 있는 셰이프:

테두리가 없는 셰이프:

  • Fill 및 컨트롤 외부 색
  • PressedFill 및 컨트롤 외부 색(단추로 사용되는 경우)
  • HoverFill 및 컨트롤 외부 색(단추로 사용되는 경우)

스크린 리더 지원

  • 중요한 그래픽은 AccessibleLabel 을 설정해야 합니다.

  • 그래픽이 장식용이거나 중복 정보를 제공하는 경우 AccessibleLabel 비워두거나 빈 문자열 "" 으로 설정합니다. 화면 판독기는 이러한 그래픽을 무시합니다.

예를 들어, 레이블 옆에 이 양식을 수정할 수 없음잠금 아이콘을 배치할 수 있습니다. 레이블이 이미 의미를 설명하고 있기 때문에 아이콘에 대한 AccessibleLabel 이 필요하지 않습니다.

중요

TabIndex 가 0 이상이면 아이콘 또는 셰이프가 버튼이 됩니다. 모양은 변경되지 않지만, 화면 판독기는 이를 버튼으로 처리합니다. AccessibleLabel이 비어 있어도 컨트롤을 무시하지 않습니다. TabIndex 가 0보다 작으면 화면 리더는 아이콘 또는 셰이프를 이미지로 처리합니다.

키보드 지원

  • 그래픽이 단추로 사용되는 경우 TabIndex 는 0 이상이어야 합니다. 그러면 키보드 사용자가 해당 위치로 이동할 수 있습니다.

  • 그래픽이 단추로 사용되는 경우 포커스 표시기는 명확하게 표시되어야 합니다. FocusedBorderColorFocusedBorderThickness 를 사용하여 이를 달성합니다.

참고

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

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