Галереи PowerApps: введение

В этом уроке я собираюсь показать вам основы галерей PowerApps. Галерея — это список записей, в котором каждый элемент записи взят из таблицы. В примере, который я буду здесь использовать, показана одна из самых простых галерей, которые вы можете создать с помощью Power Apps .

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

Оглавление

• Свойства галерей PowerApps
• Динамическая настройка элементов галереи
• Объединение текстовых значений в галереях PowerApps
• Заключение

Свойства галерей PowerApps

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

Под экраном «Обзор» вы увидите галерею. Если я нажму BrowseGallery1, он автоматически выделит весь прямоугольник, содержащий галерею, в приложении на средней панели.

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

Давайте посмотрим на различные свойства галереи. Свойства можно найти на правой панели.

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

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

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

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

Вы также можете включать и выключать видимость галереи.

Вы можете изменить цвет, а также внешний вид границы.

Вы также можете выбрать, показывать полосу прокрутки и навигацию или нет.

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

Заголовок имеет свойства, которые включают шрифт, размер шрифта, толщину шрифта, выравнивание текста и т. д.

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

Так как теперь только 2 элемента вместо 3, я могу сделать заголовок больше. Я изменю размер шрифта с 24 на 28.

Динамическая настройка элементов галереи

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

Давайте посмотрим на свойство текста в этой карточке данных, особенно на заголовок. Если вы посмотрите на панель свойств, там написано «Энди Чепмен», именно это и отображается в поле заголовка карты данных.

Но если вы посмотрите на строку формул, там написано ThisItem.AgentName. Это показывает, что элемент был установлен динамически.

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

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

Что касается элемента title в приложении, он находится в столбце с именем AgentName. Это тот же столбец, на который ссылается строка формул.

Это означает, что я могу просто изменить эту формулу и ссылаться на другой столбец по мере необходимости. Вернемся к среде Power Apps, над которой мы работаем, чтобы изменить формулу и вместо этого сослаться на столбец FirstName.

Обратите внимание, что когда вы вводите что-то в строку формул, она будет давать предложения о том, как вы можете завершить формулу. В этом случае он уже показывает FirstName еще до того, как я успеваю его набрать. Поэтому я могу просто щелкнуть по нему, чтобы автоматически заполнить оставшееся пространство.

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

Объединение текстовых значений в галереях PowerApps

Наиболее логичным следующим шагом здесь было бы также включить фамилию в поле заголовка. Но в источнике данных имя и фамилия отображаются в разных столбцах. Здесь в дело вступает функция Concatenate.

Если я наберу Concatenate в строке формул, это фактически даст краткое описание того, что делает эта функция. Здесь показано, что Concatenate объединяет несколько текстовых значений в одно текстовое значение. Это звучит идеально для того, что я хочу, а именно для объединения двух разных значений (FirstName и LastName).

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

Я собираюсь поместить ThisItem.FirstName в качестве первого текстового значения, за которым следует ThisItem.LastName. Я закрою эту формулу скобками.

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

Отличительной особенностью такой настройки галерей PowerApps является то, что все интуитивно понятно, особенно если вы раньше использовали Excel. Использование Concatenate, например, точно такое же, если вы используете Excel.

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

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

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

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

Я просто изменю столбец «Ссылки» на «Местоположение».

Когда я нажимаю «Ввод», субтитры теперь будут показывать местоположение каждого клиента.

Несмотря на внесенные мной изменения, эти карты данных по-прежнему будут иметь ту же функциональность. Допустим, я нажимаю на эту карточку данных для Ирвина Робака из Бразилии.

Он покажет ту же информацию, поступающую из источника данных. Единственное отличие состоит в том, что вместо того, чтобы в галерее выделялись AgentName и CustomerNumber, вместо этого я показываю Имя, Фамилию и Местоположение.

Введение в Power Apps: определение, функции, функции и важность
Настройка среды Power Apps: подключение к OneDrive и Google Drive
Среды Power Apps: правильная настройка элементов приложения

Заключение

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

Конечно, Power Apps также имеет расширенные функции, что делает его хорошим инструментом даже для опытных пользователей. Все дело в том, чтобы знать, чего вы хотите достичь с помощью своего приложения, и претворять их в жизнь.

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

Генри