PowerApps의 펜 입력 컨트롤Pen input control in PowerApps

사용자가 그리고 삭제하고 이미지의 영역을 강조 표시할 수 있는 컨트롤입니다.A control in which the user can draw, erase, and highlight areas of an image.

설명Description

사용자는 이 컨트롤을 화이트보드처럼 사용하여 입력된 텍스트로 변환할 수 있는 다이어그램을 그리고 단어를 쓸 수 있습니다.The user can use this control like a whiteboard, drawing diagrams and writing words that can be converted to typed text.

주요 속성Key properties

Color – 입력 스트로크의 색입니다.Color – The color of input strokes.

Mode – 컨트롤이 그리기 또는 삭제 모드 상태입니다.Mode – The control is in Draw or Erase mode. 선택 모드는 사용되지 않습니다.Select mode has been deprecated.

추가 속성Additional properties

BorderColor - 컨트롤의 테두리 색입니다.BorderColor – The color of a control's border.

BorderStyle - 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness - 컨트롤의 테두리 굵기입니다.BorderThickness – The thickness of a control's border.

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

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

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

Input – 입력합니다.Input – Input.

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

SelectionColor – 목록에서 선택한 항목의 텍스트 색 또는 펜 컨트롤에 있는 선택 도구의 색입니다.SelectionColor – The text color of a selected item or items in a list or the color of the selection tool in a pen control.

SelectionThickness – 펜 입력 컨트롤에 대한 선택 도구의 두께입니다.SelectionThickness – The thickness of the selection tool for a pen-input control.

ShowControls - 오디오 또는 비디오 플레이어에서 재생 단추, 볼륨 슬라이더 등을 표시하는지 및 펜 컨트롤에서 그리기, 삭제 및 지우기 아이콘 등을 표시하는지 여부입니다.ShowControls – Whether an audio or video player shows, for example, a play button and a volume slider, and a pen control shows, for example, icons for drawing, erasing, and clearing.

Size -컨트롤에 표시되는 텍스트의 글꼴 크기입니다.Size – The font size of the text that appears on a control.

Tooltip – 사용자가 마우스로 컨트롤을 가리킬 때 표시되는 설명 텍스트입니다.Tooltip – Explanatory text that appears when the user hovers over a control.

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).

Collect( CollectionName, DatatoCollect )Collect( CollectionName, DatatoCollect )

Example

이미지 집합 만들기Create a set of images

  1. 펜 입력 컨트롤을 추가하고 이름을 MyDoodles로 지정한 다음, ShowControls 속성을 true로 설정합니다.Add a Pen input control, name it MyDoodles, and set its ShowControls property to true.

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

  2. 단추 컨트롤을 추가하고 MyDoodles 아래로 이동하며 추가를 표시하도록 단추 컨트롤의 Text 속성을 설정합니다.Add a Button control, move it below MyDoodles, and set the Text property of the Button control to show Add.
  3. 단추 컨트롤의 OnSelect 속성을 이 수식으로 설정합니다.Set the OnSelect property of the Button control to this formula:
    Collect(Doodles, {Sketch:MyDoodles.Image})Collect(Doodles, {Sketch:MyDoodles.Image})
  4. 이미지 갤러리 컨트롤을 추가하고 단추 컨트롤 아래로 이동한 다음, 세 개 항목이 표시될 때까지 이미지 갤러리 컨트롤의 너비를 축소합니다.Add an Image gallery control, move it below the Button control, and shrink the width of the Image gallery control until it shows three items.
  5. 이미지 갤러리 컨트롤의 항목 속성을 Doodles로 설정하고 F5 키를 누릅니다.Set the Items property of the Image gallery control to Doodles, and then press F5.
  6. MyDoodles에서 이미지를 그리고, 단추 컨트롤을 클릭하거나 탭합니다.Draw an image in MyDoodles, and then click or tap the Button control.

    사용자가 그린 이미지가 이미지 갤러리 컨트롤에 나타납니다.The image that you drew appears in the Image gallery control.

  7. (선택 사항) 펜 입력 컨트롤에서 아이콘을 클릭하거나 탭하여 그린 이미지를 지우고 다른 이미지를 그린 다음, 버튼 컨트롤을 클릭하거나 탭합니다.(optional) In the Pen input control, click or tap the icon to clear the image that you drew, draw another image, and then click or tap the Button control.
  8. 이미지 갤러리 컨트롤에서 이미지 컨트롤의 OnSelect 속성을 이 서식으로 설정합니다.In the Image gallery control, set the OnSelect property of the Image control to this formula:
    Remove(Doodles, ThisItem)Remove(Doodles, ThisItem)
  9. 이미지 갤러리 컨트롤에서 클릭하거나 탭하여 드로잉을 제거합니다.Remove a drawing by clicking or tapping it in the Image gallery control.

SaveData 함수를 사용하여 드로잉을 로컬에서 저장하거나, Patch 함수를 사용하여 데이터 원본에 저장합니다.Use the SaveData function to save your drawings locally or the Patch function to save them to a data source.