Россия |
Продвинутые адаптивные макеты
Цель модуля
Материалы к модулю Вы можете скачать здесь.
В данном модуле вы узнаете о различных режимах просмотра, поддерживаемых WinRT-приложениями, включая полноэкранный режим (Full Screen), режим прикрепленного приложения (Snapped) и режим заполняющего приложения (Fill). С помощью CSS ваши приложения смогут поддерживать эти режимы и реагировать на их смену.
Приступая к обучению
Для изучения данного модуля вам не понадобятся дополнительные файлы.
Режимы и состояние просмотра
WinRT-приложения поддерживают четыре режима просмотра: полноэкранный альбомный (Full Screen Landscape), прикрепленный (Snapped), режим заполнения (Fill) и полноэкранный портретный (Full Screen Portrait). При разработке приложения важно учитывать поддержку всех этих режимов для обеспечения максимального уровня комфорта.
Полноэкранный альбомный режим
В данном режиме приложение занимает всю площадь экрана. WinRT-приложения не содержат таких элементов, как границы окна и прочее, так что они могут занимать весь экран целиком.
Прикрепленный режим
Пользователь может расположить два приложения рядом, при этом одно приложение будет занимать небольшой участок у края экрана (шириной в 320 пикселей).
Режим заполняющего приложения
Пользователь может расположить два приложения рядом, при этом одно приложение будет занимать большую часть экрана, второе – небольшой участок с другого края (шириной в 320 пикселей).
Полноэкранный портретный режим
Для перехода в данный режим нужно повернуть экран устройства на 90 градусов. Приложение займет всю площадь экрана. Обратите внимание: портретный вид не поддерживает прикрепленный режим и режим заполнения.
Напомним, что приложение должно поддерживать все четыре режима просмотра. Зачем? К примеру, в полноэкранном режиме приложение будет отображать свои элементы в виде таблицы с крупными пиктограммами, в макете, основанном на сетке. Но при переходе в прикрепленный режим элементы будут отображаться в виде списка с мелкими пиктограммами, используя макет, основанный на списке элементов.