다음을 통해 공유

Power Apps의 펜 입력 컨트롤

  • 아티클

사용자가 그리고 삭제하고 이미지의 영역을 강조 표시할 수 있는 컨트롤입니다.

설명

사용자는 이 컨트롤을 화이트보드처럼 사용하여 입력된 텍스트로 변환할 수 있는 다이어그램을 그리고 단어를 쓸 수 있습니다.

제한 사항

펜 입력 컨트롤에는 이러한 제한 사항이 있습니다.

  • 펜 컨트롤은 Windows 앱에서 마우스 또는 터치식 입력을 통한 그리기를 부분적으로만 지원합니다. 스트로크는 일시적인 문제일 수 있습니다. 부드러운 그리기의 경우 펜을 사용하거나 브라우저에서 앱을 실행합니다.

키 속성

Image – 최종 사용자가 그린 이미지를 나타내는 출력 속성입니다.

Color – 입력 스트로크의 색입니다.

Mode – 컨트롤이 그리기 또는 삭제 모드 상태입니다. 선택 모드는 사용되지 않습니다.

추가 속성

AccessibleLabel – 화면 읽기 프로그램의 레이블입니다. 컨트롤의 목적과 대체 입력 방법을 설명하는 데 사용할 수 있습니다.

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

BorderStyle – 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.

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

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

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

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

Input - 사용되지 않음. 입력 기능이 마우스, 펜 또는 터치 입력을 지원하는지 여부입니다. 기본값(7)은 세 가지를 모두 지원합니다.

OnSelect – 사용자가 컨트롤을 탭하거나 클릭할 때 수행할 작업입니다.

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

SelectionThickness – 펜 입력 컨트롤에 대한 선택 도구의 두께입니다.

ShowControls - 오디오 또는 동영상 플레이어에서 재생 단추, 볼륨 슬라이더 등을 표시할지, 그리고 펜 컨트롤이 그리기, 삭제 및 지우기 아이콘 등을 표시할지 여부를 선택합니다.

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

Tooltip – 사용자가 컨트롤을 마우스로 가리킬 때 나타나는 설명 텍스트입니다.

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

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

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

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

Collect( CollectionName, DatatoCollect )

예

이미지 집합 만들기

  1. 펜 입력 컨트롤을 추가하고 이름을 MyDoodles로 지정한 다음, ShowControls 속성을 true로 설정합니다.

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

  2. 버튼 컨트롤을 추가하고 MyDoodles 아래로 이동하며 추가를 표시하도록 버튼 컨트롤의 Text 속성을 설정합니다.

  3. 버튼 컨트롤의 OnSelect 속성을 이 식으로 설정합니다.
    Collect(Doodles, {Sketch:MyDoodles.Image})

  4. 이미지 갤러리 컨트롤을 추가하고 버튼 컨트롤 아래로 이동한 다음, 세 개 항목이 표시될 때까지 이미지 갤러리 컨트롤의 너비를 축소합니다.

  5. 이미지 갤러리 컨트롤의 Items 속성을 Doodles로 설정하고 F5 키를 누릅니다.

  6. MyDoodles에서 이미지를 그리고 버튼 컨트롤을 클릭하거나 탭합니다.

    사용자가 그린 이미지가 이미지 갤러리 컨트롤에 나타납니다.

  7. (선택 사항) 펜 입력 컨트롤에서 아이콘을 클릭하거나 탭하여 그린 이미지를 지우고 다른 이미지를 그린 다음, 버튼 컨트롤을 클릭하거나 탭합니다.

  8. 이미지 갤러리 컨트롤에서 이미지 컨트롤의 OnSelect 속성을 이 서식으로 설정합니다.
    Remove(Doodles, ThisItem)

  9. 이미지 갤러리 컨트롤에서 클릭하거나 탭하여 드로잉을 제거합니다.

SaveData 함수를 사용하여 드로잉을 로컬에서 저장하거나, Patch 함수를 사용하여 데이터 원본에 저장합니다.

접근성 지침

색 대비

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

  • BorderColor 및 컨트롤 외부 색(테두리가 있는 경우)
  • Fill 및 컨트롤 외부 색(테두리가 없는 경우)

스크린 리더 지원

  • AccessibleLabel 이 있어야 합니다.

    중요

    화면 읽기 프로그램 사용자는 Pen input에 액세스할 수 없습니다. 항상 대체 입력 양식을 제공해야 합니다. 예를 들어 스케치가 필요한 경우 사용자가 이미지를 업로드할 수 있는 그림 추가 컨트롤을 추가하는 것이 좋습니다. 두 가지 방법을 모두 제공할 수 있고 사용자가 더 익숙한 방법을 선택할 수 있습니다.

키보드 지원

중요

키보드 사용자는 Pen input에 액세스할 수 없습니다. 항상 대체 입력 양식을 제공해야 합니다. 예를 들어, 서명이 필요한 경우 사용자가 이름을 입력할 수 있는 텍스트 입력 을 추가하는 것이 좋습니다. 두 가지 방법을 모두 제공할 수 있고 사용자가 더 익숙한 방법을 선택할 수 있습니다.

참고

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

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