PowerApps의 도형 컨트롤 및 아이콘 컨트롤Shape controls and Icon controls in PowerApps

모양 및 동작 속성을 구성할 수 있는 그래픽입니다.Graphics for which you can configure appearance and behavior properties.

설명Description

이러한 컨트롤에는 fill, size 및 location 등의 속성을 구성할 수 있는 화살표, 기하학적 도형, 작업 아이콘 및 기호가 있습니다.These controls include arrows, geometric shapes, action icons, and symbols for which you can configure properties such as fill, size, and location. 또한, 사용자가 컨트롤을 클릭하거나 탭할 경우 앱이 응답하도록 OnSelect 속성을 구성할 수도 있습니다.You can also configure their OnSelect property so that the app responds if the user clicks or taps the control.

주요 속성Key properties

Fill - 컨트롤의 배경색입니다.Fill – The background color of a control.

OnSelect – 사용자가 앱을 클릭하거나 탭할 때 앱이 응답하는 방법입니다.OnSelect – How the app responds when the user taps or clicks a control.

추가 속성Additional properties

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.Height – The distance between a control's top and bottom edges.

HoverFill – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 배경색입니다.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

PressedBorderColor – 사용자가 컨트롤을 탭하거나 클릭하는 경우 컨트롤의 테두리 색입니다.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

FocusedBorderThickness - 키보드 포커스가 있을 때 컨트롤의 테두리 두께입니다.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.Visible – Whether a control appears or is hidden.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.Width – The distance between a control's left and right edges.

X – 컨트롤의 왼쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 왼쪽 가장자리 사이의 거리입니다.X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – 컨트롤의 위쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 위쪽 가장자리 사이의 거리입니다.Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Navigate( ScreenName, ScreenTransition )Navigate( ScreenName, ScreenTransition )

Example

  1. 기본 화면 컨트롤의 이름을 Target으로 지정하고 레이블 컨트롤을 추가하며 Text 속성을 Target을 표시하도록 설정합니다.Name the default Screen control Target, add a Label control, and set its Text property to show Target.

    컨트롤을 추가하고 구성하는 방법을 모르시나요?Don't know how to add and configure a control?

  2. 화면 컨트롤을 추가하고 이름을 Source로 지정합니다.Add a Screen control, and name it Source.
  3. Source에서 도형 컨트롤을 추가하고 다음 수식에 OnSelect 속성을 설정합니다.In Source, add a Shape control, and set its OnSelect property to this formula:
    Navigate(Target, ScreenTransition.Fade)Navigate(Target, ScreenTransition.Fade)
  4. F5 키를 누르고 도형 컨트롤을 클릭하거나 탭합니다.Press F5, and then click or tap the Shape control.

    Target 화면이 나타납니다.The Target screen appears.

  5. (선택 사항) Esc 키를 눌러 기본 작업 영역으로 돌아가고 도형 컨트롤을 Target에 추가한 다음, 도형 컨트롤의 OnSelect 속성을 다음 서식으로 설정합니다.(optional) Press Esc to return to the default workspace, add a Shape control to Target, and set the OnSelect property of the Shape control to this formula:
    Navigate(Source, ScreenTransition.Fade)Navigate(Source, ScreenTransition.Fade)