Skip To Content

Добавление группы экранов

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

Примеры

Используйте группу экранов для поддержки следующих требований к дизайну приложения:

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

Примечания по использованию

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

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

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

Настройки

Группы экранов включают в себя следующие параметры конфигурации:

  • Экран – добавьте несколько экранов по одному или дублируйте существующие экраны, если вы хотите, чтобы они имели одинаковый фон или компоновку.
  • Управление экранами в группе выполняется с помощью следующих опций: Переименовать, Дублировать и Удалить. Перетащите экраны, чтобы изменить порядок прокрутки в группе экранов. Щелкните по экрану, чтобы изменить настройки каждого экрана для его основной сцены и панели прокрутки (если она у него есть).
    • Основная сцена — измените фон основной сцены, выбрав цвет заливки или изображение.
    • Панель прокрутки
      • Режим — выберите режим, Закрепленная или Плавающая панель, для различных компоновок.
      • Размер — укажите ширину панели. Вы также можете перетащить край панели на холсте, чтобы изменить ее размер.
      • Расположение — выровняйте закрепленные панели слева или справа, а плавающие панели-слева, справа или по центру. Для плавающих панелей установите горизонтальное смещение в пикселях, чтобы настроить расположение панели на основе ее выравнивания.
      • Пробел – задает расстояние между вложенными виджетами (в пикселах).
      • Отступ — добавьте дополнительные отступы вокруг внутреннего края панели.
      • Фон — измените фон панели прокрутки, выбрав цвет заливки или изображение.
      Подсказка:

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

Шаблоны

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

Настраиваемые группы экранов имеют следующие предопределенные шаблоны:

  • Каскад это многоэкранный шаблон с плавающими панелями. Панели отображаются поочередно, и основная сцена меняяется на следующую. Экраны переключаются сразу же после появления следующей панели снизу.
  • Индекс - это шаблон с закрепленными панелями и с тем же эффектом перехода как в Каскаде. Когда текущая панель прокручивается в более низкое положение, экран переключается на следующую панель.
  • Флайер - это шаблон с одним экраном, созданный специально для карты и закладок. Когда панель прокручивается, карта на основной сцене автоматически смещается к местоположению закладки (используя настройку виджет Закладки, Активный при загрузке).
  • Поток - шаблон, содержащий множество экранов с плавающими панелями. Существует эффект параллакса между панелью выбранного экрана и панелью невыбранного экрана. Когда следующая панель прокручивается до верхнего положения, экран исчезает, и отображается следующий за ним.
  • Гид - это шаблон с эффектом параллакса, для которого экран переключается на следующий, когда следующая панель прокручивается в более низкое положение.
  • Презентация - шаблон с множеством экранов, содержащих плавающие панели по центру. Когда текущая прокрутка панели завершена, основная сцена переключается на эффектом перехода Наложение.
  • Показ слайдов - шаблон, содержащий множество экранов с закрепленными панелями. Когда текущая прокрутка панели завершена, основная сцена переключается на push-эффектом перехода.
  • Портфолио - iшаблон, содержащий множество экранов с только основной сценой, которая применяет эффект перехода Наложение.