Элемент управления Камера в Power Apps

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

Описание

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

OnStream - Действия, которые необходимо выполнить, когда свойство Stream обновлено.

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

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

StreamRate — интервал обновления изображения, определенного с помощью свойства Stream, в миллисекундах. Допустимые значения — от 100 (1/10 секунды) до 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. Задайте для свойства Изображение элемента управления Изображение следующую формулу:

    Camera1.Photo
    

    Примечание

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

  5. Нажмите F5 для предварительного просмотра вашего приложения.

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

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

    Collect( MyPix, MyCamera.Photo )
    

    Дополнительные сведения см. по ссылке .

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

  3. Добавьте элемент управления Vertical gallery. Затем измените размеры его элемента управления Изображение, его шаблона и самого элемента управления Галерея изображений, чтобы они поместились на экране.

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

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

    ThisItem.Url
    

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

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

  7. (необязательно) Задайте свойству OnSelect элемента управления Изображение в элементе управления Галерея изображений следующую формулу:

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

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

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

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

  2. Разрешите приложению использовать камеру устройства, если будет предложено.

  3. Добавьте элемент управления Раскрывающийся список.

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

    Camera1.AvailableDevices
    

    Примечание

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

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

    Dropdown1.Selected.Id
    

    Примечание

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

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

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

Элемент управления камерой показывает поток с камеры, а также функционирует как кнопка, которая делает снимок. Поэтому при этом применяются те же рекомендации по настройке специальных возможностей, как и для кнопок.

Варианты для видео

Попробуйте добавить альтернативную форму ввода данных для пользователей с ослабленным зрением. Например, элемент управления Добавление изображения позволяет пользователям передавать изображения со своего устройства.

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

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

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

Должен присутствовать элемент AccessibleLabel.

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

  • Значение элемента TabIndex должно быть равно нулю или больше нуля, чтобы пользователи могли использовать навигацию с помощью клавиатуры.

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

См. также

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

Примечание

Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).

Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).