PowerApps의 카메라 컨트롤Camera control in PowerApps

사용자가 장치에서 카메라를 사용하여 사진을 촬영할 수 있는 컨트롤입니다.A control with which the user can take photos by using the camera on the device.

설명Description

이 컨트롤을 추가하면 사용자는 앱이 실행 중일 때마다 하나 이상의 사진으로 데이터 원본을 업데이트할 수 있습니다.If you add this control, the user can update a data source with one or more photos from wherever the app is running.

주요 속성Key properties

Camera – 여러 카메라가 있는 장치의 경우 앱이 사용하는 카메라의 숫자 ID입니다.Camera – On a device that has more than one camera, the numeric ID of the camera that the app uses.

추가 속성Additional properties

AccessibleLabel – 화면 읽기 프로그램의 레이블입니다.AccessibleLabel – Label for screen readers. 사진 촬영의 목적을 설명해야 합니다.Should describe the purpose of taking a picture.

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.

Brightness – 사용자가 이미지에서 인지할 가능성이 높은 조명의 정도를 선택합니다.Brightness – How much light the user is likely to perceive in an image.

Contrast – 사용자가 한 이미지에 있는 유사한 색을 얼마나 쉽게 구별할 수 있는지 여부를 선택합니다.Contrast – How easily the user can distinguish between similar colors in an image.

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

FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.FocusedBorderColor – The color of a control's border when the control is focused.

FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.FocusedBorderThickness – The thickness of a control's border when the control is focused.

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

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

OnStreamStream 속성이 업데이트될 때 앱이 응답하는 방법입니다.OnStream – How the app responds when the Stream property is updated.

Photo – 사용자가 촬영 시 캡처된 이미지입니다.Photo – The image captured when the user takes a picture.

StreamStreamRate 속성에 따라 자동으로 업데이트되는 이미지입니다.Stream – Automatically updated image based on the StreamRate property.

StreamRateStream 속성에서 이미지를 업데이트하는 빈도(밀리초 단위)를 선택합니다.StreamRate – How often to update the image on the Stream property, in milliseconds. 이 값의 범위는 100(1초의 1/10)에서 3,600,000(1시간)까지입니다.This value can range from 100 (1/10th of a second) to 3,600,000 (1 hour).

TabIndex – 다른 컨트롤에 관련된 키보드 탐색 순서입니다.TabIndex – Keyboard navigation order in relation to other controls.

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

Patch( DataSource, BaseRecord, ChangeRecord )Patch( DataSource, BaseRecord, ChangeRecord )

Example

  1. 카메라 컨트롤을 추가하고 이름을 MyCamera로 지정한 후, OnSelect 속성을 다음 수식으로 설정합니다.Add a Camera control, name it MyCamera, and set its OnSelect property to this formula:
    Collect(MyPix, MyCamera.Photo)Collect(MyPix, MyCamera.Photo)

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

    Collect 함수 또는 다른 함수에 대해 더 알고 싶으신가요?Want more information about the Collect function or other functions?

  2. F5 키를 누른 뒤 MyCamera를 클릭하거나 터치하여 사진을 촬영합니다.Press F5, and then take a photo by clicking or tapping MyCamera.

  3. 세로 갤러리 컨트롤을 추가한 다음, 이미지 컨트롤, 템플릿 및 이미지 갤러리 컨트롤 자체의 크기를 화면에 맞게 조정합니다.Add an Vertical gallery control, and then resize its Image control, its template, and the Image gallery control itself to fit in the screen.

  4. 이미지 갤러리 컨트롤의 Items 속성을 다음으로 설정합니다.Set the Items property of the Image gallery control to:
    MyPix.MyPix.

  5. 갤러리에서 이미지 컨트롤의 Items 속성을 이 식으로 설정합니다.Set the Image property of the Image control in the gallery to this expression:
    ThisItem.UrlThisItem.Url

    사용자가 촬영한 사진이 이미지 갤러리 컨트롤에 나타납니다.The photo that you took appears in the Image gallery control.

  6. 원하는 만큼 사진을 찍은 다음 Esc를 눌러 기본 작업 영역으로 돌아갑니다.Take as many photos as you want, and then return to the default workspace by pressing Esc.

  7. (선택 사항) 이미지 갤러리 컨트롤의 이미지 컨트롤에서 OnSelect 속성을 Remove(MyPix, ThisItem) 로 설정하고 F5를 누른 다음 사진을 클릭하거나 탭하여 제거합니다.(optional) Set the OnSelect property of the Image control in the Image gallery control to Remove(MyPix, ThisItem), press F5, and then click or tap a photo to remove it.

SaveData 함수를 사용하여 사진을 로컬에서 저장하거나, Patch 함수를 사용하여 데이터 원본을 업데이트합니다.Use the SaveData function to save the photos locally or the Patch function to update a data source.

접근성 지침Accessibility guidelines

전체 카메라 컨트롤은 카메라 피드를 표시하는 것 외에도 사진을 찍는 단추로 작동합니다.In addition to showing the camera feed, the entire camera control also functions as a button that takes a picture. 따라서 단추와 유사한 접근성 고려 사항이 있습니다.Thus, there are similar accessibility considerations as with buttons.

비디오 대체 항목Video alternatives

  • 시각 장애가 있는 사용자를 위한 대체 입력 양식을 추가하는 것이 좋습니다.Consider adding an alternative form of input for users with visual disabilities. 예를 들어 사용자가 장치에서 이미지를 업로드할 수 있는 사진 추가 가 있습니다.For example, Add picture to allow users to upload an image from their device.

색 대비Color contrast

다음 사이에 적절한 색 대비가 있어야 합니다.There must be adequate color contrast between:

화면 판독기 지원Screen reader support

키보드 지원Keyboard support