Управление камерой в Power Apps

Элемент управления, позволяющий пользователям сфотографироваться с помощью камеры на устройстве.

Description

Используйте элемент управления "Камера" для записи изображений с камерой устройства. Устройство должно иметь камеру, и пользователь должен авторизовать приложение для использования камеры.

Выберите элемент управления камеры, чтобы захватить фотографию с камеры.

Последняя захваченная фотография доступна через свойство Photo . С помощью этого свойства изображения могут быть следующими:

  • Просмотр с помощью элемента управления Image. Используйте элемент управления "Изображение" , чтобы просмотреть захваченное изображение. Дополнительные сведения см. в примерах.
  • Временно помещайте переменную или коллекцию. Используйте функции Set или Collect для хранения изображений в переменной или коллекции. Используйте осторожность при использовании нескольких образов в коллекции одновременно с ограниченным объемом памяти устройства. Используйте функции SaveData и LoadData для перемещения изображений в локальное хранилище на устройстве и для автономных сценариев.
  • Хранится в базе данных. Используйте функцию Patch для хранения изображений в базе данных.
  • Передается в виде текстовой строки в кодировке Base64. Используйте функцию JSON для кодирования изображений base64.

Используйте свойства Stream, StreamRate и OnStream для автоматического захвата изображений на таймере, например прикрепления рисунка каждую минуту для создания последовательности временных интервалов.

На захваченный носитель ссылается URI текстовой строки. Дополнительные сведения см. в документации по типу данных.

Замечание

  • Элемент управления камерой поддерживается только в браузерах Microsoft Edge, Chrome, Firefox и Opera; устройства Android и iOS. Все остальные браузеры и платформы будут отображать предупреждение о том, что некоторые функции приложения не будут работать.
  • Изображения, созданные элементом управления камерой, имеют максимальное разрешение 640 x 480 пикселей. Если вам нужны изображения с полным разрешением, используйте вместо этого элемент управления "Добавить рисунок ".
  • В зависимости от создания и модели мобильного устройства камера устройства может занять несколько секунд, чтобы инициализировать при использовании элемента управления камерой.

Ограничения

Элемент управления камерой имеет следующие ограничения:

  1. При использовании элемента управления камерой изображение не содержит метаданных данных. Это связано с ограничением того, как мы снимаем изображения с камерой. Чтобы устранить эту проблему, используйте элемент управления "Добавить рисунок"
  2. Если мобильное устройство недостаточно в памяти, камера временно отключена, чтобы избежать сбоя устройства.
  3. Power Apps для Windows может завершиться сбоем, если открыть приложение, использующее элемент управления камерой. Чтобы избежать этой проблемы, используйте веб-проигрыватель на платформе Windows. Кроме того, несколько камер не поддерживаются.

Ключевые свойства

AvailableDevices — таблица доступных камер на устройстве.

Таблица содержит два столбца:

  • Номер идентификатора, который будет использоваться со свойством Camera
  • Имя , предоставленное устройством для идентификации камеры. Некоторые платформы могут включать front или Back , чтобы помочь найти камеру.

Примечание. Не все устройства в таблице могут использоваться в приложении. Некоторые могут быть специализированными драйверами или приложениями, предназначенными для конкретных целей.

Камера — числовой идентификатор используемой камеры. Полезно на устройствах с несколькими камерами.

OnStream — действия, выполняемые при обновлении свойства Stream .

Фотография — изображение, записанное при получении изображения.

Stream — автоматическое обновление образа на основе свойства StreamRate .

StreamRate — как часто обновлять изображение в свойстве Stream в миллисекундах. Это значение может варьироваться от 100 (1/10 секунды) до 3600 000 (1 час).

Дополнительные свойства

AccessibleLabel — метка для средств чтения с экрана. Следует описать цель создания рисунка.

BorderColor — цвет границы элемента управления.

BorderStyle — является ли граница элемента управления твердым, дефишированным, dotted или None.

BorderThickness — толщина границы элемента управления.

Яркость — сколько света пользователь, скорее всего, будет восприниматься на изображении.

Контрастность — как легко пользователь может различать аналогичные цвета в изображении.

DisplayMode — разрешает ли элемент управления входные данные (изменить), отображается только данные (вид) или отключен (отключено).

FocusedBorderColor — цвет границы элемента управления при фокусе элемента управления.

FocusedBorderThickness — толщина границы элемента управления при фокусе элемента управления.

Высота — расстояние между верхними и нижними краями элемента управления.

OnSelect — действия, выполняемые при нажатии пользователем элемента управления или щелчке элемента управления.

TabIndex — порядок навигации клавиатуры по сравнению с другими элементами управления.

Подсказка — пояснительный текст, который отображается при наведении указателя мыши на элемент управления.

Видимый — отображается ли элемент управления или скрыт.

Ширина — расстояние между левыми и правыми краями элемента управления.

X — расстояние между левым краем элемента управления и левым краем родительского контейнера или экрана.

Y — расстояние между верхним краем элемента управления и верхним краем родительского контейнера или экрана.

Примеры

В этих примерах потребуется устройство с камерой. Чтобы протестировать приложение, используйте веб-камеру, доступную в браузере. Или, сохранив приложение и загрузив его на устройство iOS или Android с камерой.

Простое отображение захваченного рисунка

  1. Добавьте элемент управления "Камера ".

  2. При появлении запроса авторизуйте приложение для использования камеры устройства.

  3. Добавьте элемент управления Image.

  4. Задайте свойству Image элемента управления Image следующую формулу:

    Camera1.Photo
    

    Замечание

    Замените имя элемента управления камерой Camera1 соответствующим образом.

  5. Нажмите клавишу F5, чтобы просмотреть приложение.

  6. Выберите или коснитесь элемента управления камерой. Результат в элементе управления изображением отображается.

  1. Добавьте элемент управления Camera , назовите его MyCamera и задайте для свойства OnSelect следующую формулу:

    Collect( MyPix, MyCamera.Photo )
    

    Дополнительные сведения:

  2. Нажмите клавишу F5, а затем сделайте фотографию, выбрав или коснитесь MyCamera.

  3. Добавьте элемент управления "Вертикальная коллекция ". А затем измените размер элемента управления Image , его шаблона и самого элемента управления "Коллекция образов ", чтобы поместиться на экране.

  4. Задайте свойству Items элемента управления коллекции образов следующую формулу:

    MyPix
    
  5. Задайте свойству Image элемента управления Image в коллекции следующую формулу:

    ThisItem.Url
    

    Изображение, которое вы сделали, отображается в элементе управления "Коллекция образов ".

  6. Возьмите столько изображений, сколько хотите, а затем вернитесь в рабочую область по умолчанию, нажав клавишу ESC.

  7. (необязательно) Задайте свойству OnSelect элемента управления Image в элементе управления "Коллекция образов " формулу:

    Remove( MyPix, ThisItem )
    
  8. Нажмите клавишу F5 и выберите рисунок, чтобы удалить его.

Используйте функцию SaveData , чтобы сохранить изображения локально или функцию исправления для обновления источника данных.

Изменение активной камеры из раскрывающегося списка

  1. Добавьте элемент управления "Камера ".

  2. При появлении запроса авторизуйте приложение для использования камеры устройства.

  3. Добавьтераскрывающийся список.

  4. Задайте для свойства Items раскрывающегося списка значение:

    Camera1.AvailableDevices
    

    Замечание

    Замените имя элемента управления камерой Camera1 соответствующим образом.

  5. Задайте для свойства камеры следующие значения:

    Dropdown1.Selected.Id
    

    Замечание

    Замените раскрывающееся имя раскрывающегося списка dropdown1 соответствующим образом.

  6. Нажмите клавишу F5, а затем выберите элемент из раскрывающегося списка, чтобы изменить камеру.

Руководство по настройке специальных возможностей

Элемент управления камерой показывает канал камеры, а также работает как кнопка, которая принимает фотографию. Таким образом, существуют аналогичные рекомендации по специальным возможностям, как и кнопки.

Альтернативные видео

Рассмотрите возможность добавления альтернативной формы ввода для пользователей с ограниченными возможностями зрения. Например, добавьте рисунок , чтобы разрешить пользователям отправлять изображение с устройства.

Контрастность цветов

Между FocusedBorderColor и внешним цветом должна быть достаточная контрастность цвета.

Поддержка средства чтения с экрана

Значение AccessibleLabel должно присутствовать.

Поддержка клавиатуры

  • TabIndex должен быть равен нулю или больше, чтобы пользователи клавиатуры могли перейти к нему.

  • Индикаторы фокуса должны быть четко видимыми. Используйте FocusBorderColor и FocusBorderThickness , чтобы обновить видимость индикаторов фокуса.

См. также

Ограничения элементов управления в Power Apps