Опубликован: 26.12.2012 | Уровень: для всех | Доступ: платный
Лекция 3:

Продвинутые адаптивные макеты

< Лекция 2 || Лекция 3: 12 || Лекция 4 >
Аннотация: Приложения для Магазина Windows могут выполняться в нескольких режимах просмотра. Окно приложения может быть "прикреплено" к другому приложению. Ориентация экрана может быть как ландшафтной, так и портретной. Кроме того, экраны устройств могут поддерживать различные варианты разрешения. Поэтому разработчики должны создавать гибкие интерфейсы, поддерживающие все указанные режимы просмотра.

Цель модуля

Материалы к модулю Вы можете скачать здесь.

В данном модуле вы узнаете о различных режимах просмотра, поддерживаемых WinRT-приложениями, включая полноэкранный режим (Full Screen), режим прикрепленного приложения (Snapped) и режим заполняющего приложения (Fill). С помощью CSS ваши приложения смогут поддерживать эти режимы и реагировать на их смену.

Приступая к обучению

Для изучения данного модуля вам не понадобятся дополнительные файлы.

Режимы и состояние просмотра

WinRT-приложения поддерживают четыре режима просмотра: полноэкранный альбомный (Full Screen Landscape), прикрепленный (Snapped), режим заполнения (Fill) и полноэкранный портретный (Full Screen Portrait). При разработке приложения важно учитывать поддержку всех этих режимов для обеспечения максимального уровня комфорта.

Полноэкранный альбомный режим

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


Прикрепленный режим

Пользователь может расположить два приложения рядом, при этом одно приложение будет занимать небольшой участок у края экрана (шириной в 320 пикселей).


Режим заполняющего приложения

Пользователь может расположить два приложения рядом, при этом одно приложение будет занимать большую часть экрана, второе – небольшой участок с другого края (шириной в 320 пикселей).


Полноэкранный портретный режим

Для перехода в данный режим нужно повернуть экран устройства на 90 градусов. Приложение займет всю площадь экрана. Обратите внимание: портретный вид не поддерживает прикрепленный режим и режим заполнения.


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

< Лекция 2 || Лекция 3: 12 || Лекция 4 >
Роман Храпай
Роман Храпай
Россия
ashutos Jain
ashutos Jain
Индия, New Delhi