Гибкое проектирование и разные форм-факторы

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

 

Приложение будильника на устройствах с различными конструктивными параметрами

 

Гибкие представления в вашем приложении

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

Если вы разрабатываете приложение с гибкими представлениями, его пользовательский интерфейс эффективно преобразовывается в ответ на смену ориентации монитора, мобильного устройства или метода ввода. Windows управляет этим поведением за вас.

Ориентация

Приложение будильника в альбомной ориентации Альбомная ориентация   Разработайте альбомное представление таким образом, чтобы интерфейс вашего приложения хорошо отображался на устройствах различных конструктивных параметров. Учитывайте влияние различных конструктивных параметров на представление для альбомной ориентации. На новых типах устройств может изменяться доступное место на экране.
Приложение будильника в книжной ориентации Книжная    Не забывайте, что некоторые устройства обычно используют в книжной ориентации, а многие из устройств можно поворачивать. Оптимизируйте макет содержимого для книжного представления и сохраните функциональность везде, где это возможно. Переход от альбомной ориентации к книжной изменяет ширину приложения примерно на треть. Поэтому важно продумать, как приложение будет выглядеть в вертикальном формате.

 

Гибкий макет при использовании нескольких приложений:

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

Приложения “Калькулятор”, “Погода Bing” и “Great British Chefs” с измененным размером, расположенные рядом на экране

 

Встроенное графическое масштабирование

Если пользователи могут работать с вашим приложением на нескольких форм-факторах, значит ли это, что вы должны проектировать отдельный пользовательский интерфейс для каждого размера экрана, поддерживаемого Windows? Ведь существует так много разных размеров экранов! Ответ: необязательно. Встроенное масштабирование означает, что ваше приложение и содержимое будут эффективно отображаться на устройстве с диагональю 7 дюймов и на большом 30-дюймовом мониторе. Для этого достаточно применить гибкий макет и убедиться в корректном отображении графических элементов при масштабировании.

Дополнительные сведения см. в разделе Руководство по масштабированию в зависимости от плотности пикселей.

фото при разрешении 2420 пикселей и 920 пикселей

 

Шаблоны ввода:

Windows: при разработке сенсорного взаимодействия в приложении поддержка взаимодействия с помощью пера, мыши и клавиатуры предоставляется бесплатно. Ваши пользователи смогут свободно переключаться с одного метода ввода на другой, ничего не упуская в ходе взаимодействия с приложением. Хотите подключить клавиатуру к планшету? Без проблем. Ваше приложение последовательно и уверенно реагирует на выбор пользователей.

Подробнее см. в разделах Проектирование взаимодействия с сенсорным экраном и Реакция на взаимодействие с пользователем.

Возможности устройств

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

значок датчика Акселерометры и другие датчики.  Современные устройства оснащены рядом различных датчиков. Ваше приложение способно менять яркость дисплея в зависимости от освещения, адаптировать пользовательский интерфейс при повороте дисплея и реагировать на любые движения. Дополнительные сведения о датчиках.
значок географического положения Географическое положение.  Используйте сведения о географическом положении, полученные из стандартных веб-данных или от датчиков географического положения, чтобы помочь пользователям сориентироваться на местности, определить свое положение на карте или узнать о людях, событиях и объектах, которые находятся рядом. Дополнительные сведения о географическом положении.
значок камеры Камеры.  Подключайте встроенные или внешние камеры, чтобы пользователи могли общаться в видеочатах, участвовать в видеоконференциях, записывать видеоблоги, фотографироваться для учетной записи, вести документальные съемки и протестировать другие замечательные возможности вашего приложения.
значок близкого взаимодействия Близкое взаимодействие   Обеспечьте вашим пользователям возможность устанавливать соединение между устройствами простым касанием двух устройств, чтобы облегчить взаимодействие для находящихся рядом нескольких пользователей (например, в многопользовательских играх). Дополнительные сведения о близком взаимодействии.

 

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

Перемещение данных

Что произойдет, когда пользователи перейдут со своих настольных компьютеров в офисе на планшеты, которые они используют дома? Им по-прежнему будут доступны их файлы, настройки и состояние приложения. Они могут продолжить работу с того места, где они остановились, на других компьютерах и в других сеансах пользователя.

Подробнее о перемещении данных и управлении данными приложения.

Связанные разделы

Руководство по размерам окон и масштабированию на экранах

Рекомендации по изменению размера окон для высоких и узких макетов

Выбор макета