Додати екран

Готові екрани дозволяють виробникам легко створювати сучасні, адаптивні програми, просто вибравши екран. Екрани розроблені з урахуванням поширених сценаріїв і композицій додатків, оснащені адаптивними контейнерами та сучасними елементами керування.

Доступні такі нові екрани:

• Екран привітання
• Шапка і галерея
• Запит на затвердження

Додавання нового екрана

Коли ви додаєте новий екран, ви також можете вибрати макет екрана, наприклад порожній або розділений екран, який адаптується до різних розмірів екрана.

1. Увійти до Power Apps.
2. Створіть програму для роботи з полотном у форматі планшета.
3. На Power Apps Studio панелі команд виберіть пункт Новий екран, а потім виберіть екран.
4. Коли ви закінчите, перегляньте програму та подивіться, як вона відображається на різних пристроях. Докладнішу інформацію дивіться в розділі Попередній перегляд програми.

Коли опцію «Масштабувати за розміром » вимкнено, макет екрана програми адаптується до розміру екрана пристрою, на якому вона запускається.

Екран привітання

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

Екран привітання містить такі елементи керування:

• Контейнер заголовка
  • Заголовок
• Контейнер для тіла
  • Контейнер
    • Контейнер зображень
      • Зображення (класичне)
    • Титульний контейнер
      • Кнопка елемента функції
      • SMS

Додавання та налаштування екрана привітання

1. У Power Apps Studio меню виберіть Додати екран > привітання.
2. Щоб змінити зображення, виділіть його, а потім натисніть кнопку Редагувати.
3. Виберіть елемент керування та додайте власний текст.
4. Виберіть Короткий опис або цікаве повідомлення та відредагуйте текст опису.
5. Щоб додати більше плиток, у поданні дерева скопіюйте та вставте елемент контейнера .
6. Щоб вилучити плитку, клацніть правою кнопкою миші на контейнері і виберіть у контекстному меню пункт Видалити.

Екран "Заголовок і галерея"

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

Елемент керування галереєю на екрані верхнього колонтитула та галереї є класичним елементом керування. Однак, коли відпускається сучасний елемент керування галереєю, на екрані «Верхня колонка» та «Галерея » використовується сучасний елемент керування галереєю. Щоб дізнатися більше, перегляньте статтю Огляд сучасних елементів керування та тем у програмах на полотні.

Екран «Заголовок і галерея » містить такі елементи керування:

• Контейнер заголовка
  • Заголовок
• Основний контейнер
  • Галерея (класична)
    • Контейнер зображень
      • Зображення (класичне)
  • Титульний контейнер
    • Текст назви
    • Текст опису
  • Контейнер з кнопками
    • Button

Додавання та налаштування екрана верхньої колонки та галереї

1. У Power Apps Studio меню виберіть Додати заголовок екрана > та галерею.

2. У поданні дерева виберіть пункт Галерея та підключіть його до джерело даних, наприклад Dataverse.

3. Виберіть певні елементи керування в галереї, як-от зображення, текст заголовка та текстовий опис.

   У властивості Image використовуйте синтаксис ThisItem для встановлення бажаного зображення. Застосуйте той самий метод до тексту заголовка та текстового опису.

Екран запиту на затвердження

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

Екран запиту на затвердження містить такі елементи керування:

• Контейнер заголовка
  • Заголовок
• Основний контейнер
  • Форма контейнера
    • Текст заголовка форми
    • Форма затвердження
    • Кнопка надсилання
  • Контейнер бічної панелі
    • SMS
    • Галерея (класична)

Додайте та налаштуйте екран запиту на затвердження

1. У Power Apps Studio меню виберіть Додати запит на > затвердження екрана.

2. У поданні дерева виберіть Форма затвердження та підключіть її до джерело даних, наприклад Dataverse.

3. Щоб переглянути відомості про етапи затвердження, у поданні дерева виберіть Gallery рецензентів, а на панелі властивостей виберіть вкладку Додатково та перейдіть до розділу Елементи.

   На етапі затвердження є такі деталі:

   • Ім’я: Назва сцени або затверджувача.

   • Назва: Підзаголовок сцени або затверджувача.

   • Статус: Статус етапу

   • Поточний: указує, чи це поточний етап запиту на підтвердження.

     Ви також можете додати Power Automate робочий процес затвердження на кнопці, щоб сповістити затверджувача. Щоб дізнатися більше, перегляньте статтю Створення та тестування робочого процесу затвердження за допомогою Power Automate.

Зміна порядку екранів

Якщо у вас кілька екранів, ви можете змінити їх порядок.

В області ліворуч наведіть курсор на екран, який потрібно перемістити вгору або вниз, а потім виберіть Перемістити вгору або Перемістити вниз.

Додавання переходів

Коли ви створюєте програму на полотні з кількома екранами, ви можете додати навігацію, щоб користувачі могли переходити між екранами.

1. Вибравши екран, виберіть Вставити та в полі пошуку введіть стрілку Далі, а потім виберіть його.

2. (необов’язково) Перемістіть стрілку так, щоб вона відображалася в нижньому правому куті екрана.

3. Вибравши стрілку, установіть для властивості OnSelect значення функції Навігація .

   

   Коли користувач натисне стрілку, з’явиться екран "Ціль".

4. На екрані Ціль додайте піктограму зі стрілкою назад і встановіть для властивості OnSelect таку формулу:

   Navigate(Target, ScreenTransition.Fade)

   Примітка

   У наведеній вище формулі, де написано Ціль, введіть назву екрана, на який ви переходите.

Докладніше

Посилання на керування екраном