Изображения PowerApps в сочетании с пером, камерой и входными данными для загрузки фотографий

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

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

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

Самое замечательное в PowerApps то, что большинство элементов работают одинаково. Даже если мы не рассмотрим некоторые другие элементы в этом руководстве, любому будет легко понять, как их использовать.

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

Оглавление

• Работа с образами PowerApps
• Добавление образов PowerApps из источника данных
• Использование изображения с вводом пером
• Использование изображения с входом камеры
• Использование изображения с элементом «Добавить изображение»
• Заключение

Работа с образами PowerApps

Давайте начнем с рассмотрения того, что представляют собой образы PowerApps.

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

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

Добавление образов PowerApps из источника данных

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

Один из способов добавить изображение в рамку — через вкладку «Медиа» в левом меню.

Чтобы загрузить изображение из ваших файлов, просто нажмите «Загрузить».

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

Теперь вы можете увидеть этот файл в списке «Медиа» на левой панели. Как видите, он не заполняет кадр из элемента изображения автоматически.

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

Но лучший способ сделать это — перейти на правую панель и выбрать его из списка изображений.

После того, как мы выберем файл из раскрывающегося списка, он автоматически заполнит кадр.

Использование изображения с вводом пером

Преимущество образов PowerApps в том, что они могут работать рука об руку с другими элементами PowerApps. Давайте посмотрим, как элемент изображения и перьевой ввод могут работать вместе.

Перьевой ввод позволяет пользователям рисовать или писать что-либо в вашем приложении.

Это может быть полезно, особенно если вам нужно, чтобы пользователи подписывали или писали что-то на экране.

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

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

Теперь давайте выделим элемент изображения и сделаем свойство Image равным PenInput4.Image.

Точно так же элемент изображения справа теперь отображает именно то, что пользователь пишет пером. Каждый раз, когда они добавляют что-то к тому, что пишут, элемент изображения справа также обновляется.

Использование изображения с входом камеры

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

Когда элементы камеры и изображения используются вместе, можно сделать фотографию с помощью элемента камеры и отобразить ту же фотографию в элементе изображения. Оттуда мы можем сохранить изображение в галерее приложения или использовать его на других экранах в приложении.

Для этого нам просто нужно выделить элемент изображения и сделать его эквивалентным Camera2.Photo.

Как только это будет сделано, элемент изображения будет отображать любую фотографию, сделанную функцией камеры.

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

Использование изображения с элементом «Добавить изображение»

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

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

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

Теперь давайте заставим наш элемент изображения отображать ту же фотографию, которую загружает пользователь. Мы выделим элемент изображения и сделаем его эквивалентным UploadedImage3.Image.

После того, как эта формула установлена, элемент изображения теперь будет отображать любую фотографию, которую пользователь загружает с помощью функции добавления изображения.

Введение в Power Apps: определение, функции, функции и важность
Среды Power Apps: правильная настройка элементов приложения
Функции и формулы PowerApps | Введение

Заключение

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

Есть еще больше возможностей, когда элемент изображения используется с другими медиа-элементами, такими как те, которые мы рассмотрели в этом руководстве. Конечным пользователям будет проще использовать приложение так, как они хотят.

Всего наилучшего,

Генри