Power Apps의 카메라 컨트롤

사용자가 디바이스의 카메라를 사용하여 사진을 찍을 수있는 컨트롤입니다.

설명

카메라 컨트롤을 사용해 디바이스의 카메라로 사진을 캡처합니다. 디바이스에는 카메라가 있어야 하며 사용자는 카메라를 사용하도록 앱에 권한을 부여해야 합니다.

카메라 컨트롤을 탭하거나 선택하여 카메라에서 사진을 캡처합니다.

가장 최근에 캡처한 사진은 Photo 속성에서 확인할 수 있습니다. 이 속성에서 이미지는 다음과 같습니다.

  • 이미지 컨트롤로 볼 수 있습니다. 이미지 컨트롤을 사용해 캡처된 이미지를 봅니다. 자세한 내용은 예시를 참조하십시오.
  • 변수나 컬렉션에 임시로 넣습니다. Set 또는 Collect 함수를 사용해 변수 또는 컬렉션에 이미지를 저장합니다. 디바이스의 제한된 메모리 사용으로 컬렉션의 여러 이미지를 동시에 저장하는 것에는 주의가 필요합니다. SaveDataLoadData 함수를 사용해 오프라인 시나리오를 위해 이미지를 디바이스의 로컬 저장소로 이동합니다.
  • 데이터베이스에 저장됨. Patch 함수를 사용해 데이터베이스에 사진을 저장합니다.
  • base64로 인코딩된 텍스트 문자열로 전송됩니다. JSON 함수를 사용해 사진을 base64로 인코딩합니다.

Stream, StreamRate, OnStream 속성을 사용해 타이머로 사진을 자동으로 캡처합니다(예: 1분마다 사진을 찍어 타임랩스 시퀀스 생성).

캡처한 미디어는 텍스트 문자열 URI로 참조됩니다. 자세한 내용은 데이터 형식 설명서를 참조하십시오.

참고

  • 카메라 컨트롤은 Microsoft Edge, Chrome, Firefox 및 Opera browsers, Android 및 iOS 디바이스에서만 지원됩니다. 다른 모든 브라우저와 플랫폼에는 앱의 일부 기능이 작동하지 않는다는 경고가 표시됩니다.
  • 카메라 컨트롤에 의해 생성된 이미지의 최대 해상도는 640 x 480픽셀입니다. 전체 해상도 이미지가 필요한 경우 그림 추가 컨트롤을 대신 사용하십시오.
  • 모바일 장치의 제조업체 및 모델에 따라 카메라 컨트롤을 사용할 때 장치 카메라를 초기화하는 데 몇 초가 걸릴 수 있습니다.

키 속성

AvailableDevices – 디바이스에서 사용 가능한 카메라 테이블입니다.

테이블에는 두 개의 열이 있습니다.

  • Camera 속성과 함께 사용되는 Id 숫자
  • 카메라를 식별하기 위해 디바이스에서 제공된 이름. 일부 플랫폼에는 또는 를 포함하여 카메라를 쉽게 찾을 수 있습니다.

참고: 앱에서 테이블의 모든 디바이스를 사용할 수 있는 것은 아닙니다. 일부는 특정 목적을 위한 특수 드라이버 또는 애플리케이션일 수 있습니다.

Camera – 사용할 카메라의 숫자 ID입니다. 카메라가 두 대 이상인 디바이스에 유용합니다.

OnStreamStream 속성이 업데이트되면 수행할 작업입니다.

Photo – 사용자가 촬영 시 캡처된 이미지입니다.

StreamStreamRate 속성에 따라 자동으로 업데이트되는 이미지입니다.

StreamRateStream 속성에서 이미지를 업데이트하는 빈도(밀리초 단위)를 선택합니다. 이 값의 범위는 100(1초의 10분의 1)에서 3,600,000(1시간)입니다.

추가 속성

AccessibleLabel – 화면 읽기 프로그램의 레이블입니다. 사진 촬영의 목적을 설명해야 합니다.

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

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

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

Brightness – 사용자가 이미지에서 인지할 가능성이 높은 조명의 정도를 선택합니다.

Contrast – 사용자가 한 이미지에 있는 유사한 색을 얼마나 쉽게 구별할 수 있는지 여부를 선택합니다.

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

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

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

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

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

TabIndex – 다른 컨트롤과 비교한 키보드 탐색 순서입니다.

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

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

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

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

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

예제

이 예에서는 카메라가 있는 디바이스가 필요합니다. 앱을 테스트하려면 브라우저에서 액세스 할 수 있는 웹 캠을 사용합니다. 또는 앱을 저장하고 카메라가 있는 iOS 또는 Android 디바이스에서 로딩합니다.

캡처한 이미지를 간단하게 표시하기

  1. 카메라 컨트롤 추가.

  2. 메시지가 표시되면 앱이 디바이스의 카메라를 사용하도록 승인합니다.

  3. 이미지를 추가합니다.

  4. 이미지 컨트롤의 Image 속성을 다음 수식으로 설정합니다.

    Camera1.Photo
    

    참고

    카메라 컨트롤 이름을 필요해 따라 Camera1로 바꿉니다.

  5. F5를 눌러 앱을 미리 봅니다.

  6. 카메라 컨트롤을 선택하거나 탭하여 사진을 찍습니다. 이미지 컨트롤에 결과가 표시되어야 합니다.

  1. 카메라 컨트롤을 추가하고 이름을 MyCamera로 지정한 다음 OnSelect 속성을 다음 수식으로 설정합니다.

    Collect( MyPix, MyCamera.Photo )
    

    자세한 내용은 페이지를 참조하십시오.

  2. F5 키를 누른 뒤 MyCamera를 클릭하거나 터치하여 사진을 촬영합니다.

  3. Vertical 갤러리를 추가합니다. 이미지 컨트롤과 템플렛의 크기를 조정하면 이미지 갤러리 컨트롤이 스스로 화면에 맞추어집니다.

  4. 마지막으로 이미지 갤러리 컨트롤의 Items 속성을 다음 수식으로 설정합니다.

    MyPix
    
  5. 갤러리에서 이미지 컨트롤의 Image 속성을 이 서식으로 설정합니다.

    ThisItem.Url
    

    촬영한 사진이 이미지 갤러리 컨트롤에 나타납니다.

  6. 원하는 만큼 사진을 찍은 다음 Esc를 눌러 기본 작업 영역으로 돌아갑니다.

  7. (선택 사항) 이미지 갤러리 컨트롤에서 이미지 컨트롤의 OnSelect 속성을 이 서식으로 설정합니다.

    Remove( MyPix, ThisItem )
    
  8. F5를 누른 후 삭제한 사진을 선택합니다.

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

드롭 다운에서 활성 카메라 변경

  1. 카메라 컨트롤 추가.

  2. 메시지가 표시되면 앱이 디바이스의 카메라를 사용하도록 승인합니다.

  3. 드롭다운 컨트롤 추가.

  4. 드롭다운의 Items 속성을 다음과 같이 설정합니다.

    Camera1.AvailableDevices
    

    참고

    카메라 컨트롤 이름을 필요해 따라 Camera1로 바꿉니다.

  5. 카메라의 Camera 속성을 다음으로 설정합니다.

    Dropdown1.Selected.Id
    

    참고

    드롭다운 컨트롤 이름을 필요해 따라 Dropdown1로 바꿉니다.

  6. F5를 누른 다음 드롭다운에서 항목을 선택하여 카메라를 변경합니다.

접근성 지침

카메라 컨트롤에는 카메라 피드가 표시되며 사진을 찍는 단추의 기능을 합니다. 따라서 단추와 유사한 접근성 고려 사항이 있습니다.

비디오 대체 항목

시각 장애가 있는 사용자를 위한 대체 입력 양식을 추가하는 것이 좋습니다. 예를 들어 사용자가 디바이스에서 이미지를 업로드할 수 있는 그림 추가가 있습니다.

색 대비

FocusedBorderColor 및 외부 색 사이에 적절한 색상 대비가 있어야 합니다.

스크린 리더 지원

AccessibleLabel이 있어야 합니다.

키보드 지원

  • 키보드 사용자가 탐색할 수 있도록 TabIndex가 0 이상이어야 합니다.

  • 포커스 표시기가 명확하게 표시되어야 합니다. FocusedBorderColorFocusedBorderThickness를 사용해 초점 표시기의 가시성을 업데이트합니다.

참조

Power Apps의 컨트롤 제한

참고

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

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