Power Apps의 펜 입력 컨트롤

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

Description

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

제한점

펜 입력 컨트롤에는 다음과 같은 제한 사항이 있습니다.

• 펜 컨트롤은 Windows 앱에서 마우스 또는 터치 입력을 사용하여 그리기를 부분적으로만 지원합니다. 스트로크는 간헐적일 수 있습니다. 부드러운 그리기를 위해 펜을 사용하거나 브라우저에서 앱을 실행합니다.

키 속성

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

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

모드 – 컨트롤이 그리 기 또는 지우기 모드에 있습니다. 선택 모드는 더 이상 사용되지 않습니다.

추가 속성

AccessibleLabel – 화면 읽기 프로그램에 대한 레이블입니다. 입력의 대체 메서드뿐만 아니라 컨트롤의 용도를 설명하는 데 사용할 수 있습니다.

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

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

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

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

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

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

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

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

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

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

ShowControls – 오디오 또는 비디오 플레이어에서 재생 단추와 볼륨 슬라이더, 펜 컨트롤이 표시되는지 여부(예: 그리기, 지우기 및 지우기 아이콘).

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

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

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

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

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

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

관련 함수

Collect( CollectionName, DatatoCollect )

Example

이미지 집합 만들기

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

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

2. 단추 컨트롤을 추가하고 MyDoodles 아래로 이동한 다음 단추 컨트롤의 Text 속성을 설정하여 추가를 표시합니다.

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

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

5. 이미지 갤러리 컨트롤의 Items 속성을 낙서로 설정한 다음 F5 키를 누릅니다.

6. MyDoodles에서 이미지를 그린 다음 단추 컨트롤을 클릭하거나 탭합니다.

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

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

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

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

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

내게 필요한 옵션 지침

색 대비

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

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

화면 읽기 프로그램 지원

• AccessibleLabel 이 있어야 합니다.

  중요합니다

  펜 입력 은 화면 읽기 프로그램 사용자가 액세스할 수 없습니다. 항상 대체 형식의 입력을 제공합니다. 예를 들어 스케치가 필요한 경우 사용자가 이미지를 업로드할 수 있도록 그림 추가 컨트롤을 추가하는 것이 좋습니다. 두 방법 모두 제공될 수 있으며 사용자는 더 편안하게 사용할 수 있는 방법을 선택할 수 있습니다.

키보드 지원