Поділитися через


Додати екран

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

Знімок екрана, на якому показані нові параметри макета екрана в Power Apps.

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

Як додати новий екран

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

  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 рецензентів, а в панелі властивостей виберіть вкладку Додатково та перейдіть до розділу Елементи.

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

Заголовок і форма

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

Екран Верхній колонтитул і форма містить такі елементи керування:

  • Контейнер заголовка
    • Заголовок
  • Основний контейнер
    • Контейнер для форми
      • Форма
    • Контейнер для кнопок
      • Кнопка «Скасувати»
      • Кнопка надсилання

Додавання та налаштування екрана верхніх колонок і форм

  1. У Power Apps Studio меню виберіть Додати заголовок екрана>та форму.
  2. У режимі ієрархії виберіть пункт Форма та підключіть його до джерела даних.
  3. [Необов’язково] Щоб забезпечити найкращу реакцію екрана, виберіть кожну картку даних у формі та встановіть для властивості Width Fit значення On (Увімк.) на панелі Властивості .

Заголовок і таблиця

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

Екран Верхній колонтитул і таблиця містить такі елементи керування:

  • Контейнер заголовка
    • Заголовок
  • Основний контейнер
    • Table

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

  1. У Power Apps Studio меню виберіть Додати заголовок екрана>та таблицю.
  2. У поданні дерева виберіть пункт Таблиця та підключіть її до джерела даних.

Таблиця і форма

Екран Таблиця та форма містить два основні елементи керування: сучасний елемент керування таблицею та елемент керування сучасною формою. Цей шаблон має вбудовані Power Fx формули, які дозволяють легко підключати та налаштовувати дані. Цей шаблон ідеально підходить для вибору та редагування запису за допомогою форми.

Екран Таблиця та форма містить такі елементи керування:

  • Контейнер для решітки
    • Контейнер заголовка
      • Управління заголовком
    • Контейнер для тіла
      • Введення тексту (пошук)
      • Управління столом
      • Управління формами
      • Кнопку
        • Оновити
        • Редагування
        • Delete
        • Надіслати
        • Скасування

Додавання та налаштування екрана таблиці та форми

У: Power Apps Studio

  1. Виберіть Додати таблицю екрана>та форму.

  2. Виберіть екран на полотні.

  3. Виберіть «Дані » на вбудованій панелі дій.

  4. Виберіть потрібне джерело даних.

    Скріншот, на якому показано розташування кнопки Дані, де можна вибрати джерело даних зі списку.

Після підключення елементи керування таблицею та формою прив’язуються до джерела даних.

Ви можете вибрати запис в елементі управління таблицею і форма відобразить відомості про вибраний запис.

Усі кнопки в цьому шаблоні мають попередньо вбудовані Power Fx дані, тому немає потреби в додатковому налаштуванні. Коли ви підключаєте екран до вибраного джерело даних, екран тепер повністю функціональний.

Скріншот, на якому видно вигляд екрана при підключенні до джерело даних: список даних та елементи його форми.

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

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

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

Нотатка

Використовуйте властивість StartScreen , щоб налаштувати, який екран відображатиметься першим.

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

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

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

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

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

    На знімку екрана, на якому видно властивість OnSelect, встановлено на функцію Навігація.

    Коли користувач вибирає стрілку, екран «Ціль» зникає.

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

    Navigate(Target, ScreenTransition.Fade)

    Нотатка

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

Докладніше

Довідник з екранного керування