Учебники

Разработка Windows 10 – Адаптивный дизайн

В Windows 10 приложения универсальной платформы Windows (UWP) теперь будут работать на ряде семейств устройств, таких как –

  • Семейство настольных устройств – планшеты, ноутбуки, ПК

  • Семейство мобильных устройств – телефоны Windows, фаблеты

  • Семейство устройств IoT – компактные устройства, такие как носимые или бытовые приборы

  • Семейство командных устройств – Surface Hub

Семейство настольных устройств – планшеты, ноутбуки, ПК

Семейство мобильных устройств – телефоны Windows, фаблеты

Семейство устройств IoT – компактные устройства, такие как носимые или бытовые приборы

Семейство командных устройств – Surface Hub

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

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

Новые встроенные функции

Ниже приведены новые функции, которые разработчики могут использовать при создании приложения UWP. Эти функции являются автоматическими и бесплатными.

Эффективные пиксели и масштабирование платформы

Когда ваше приложение UWP работает на любом устройстве, поддерживаемом Windows 10, тогда –

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

  • Алгоритм масштабирования управляет расстоянием просмотра и плотностью экрана (пикселей на дюйм) для оптимизации предполагаемого размера (а не физического размера).

  • Алгоритм масштабирования гарантирует, что шрифт 36 px на Surface Hub на расстоянии 10 футов от пользователя будет так же удобен для чтения, как шрифт 36 px на 5-дюймовом телефоне, который находится на расстоянии нескольких дюймов.

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

Алгоритм масштабирования управляет расстоянием просмотра и плотностью экрана (пикселей на дюйм) для оптимизации предполагаемого размера (а не физического размера).

Алгоритм масштабирования гарантирует, что шрифт 36 px на Surface Hub на расстоянии 10 футов от пользователя будет так же удобен для чтения, как шрифт 36 px на 5-дюймовом телефоне, который находится на расстоянии нескольких дюймов.

Алгоритм масштабирования

Универсальный ввод и интеллектуальные взаимодействия

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

Универсальные Строительные Блоки

Есть несколько ценных строительных блоков, которые упрощают разработку приложений для нескольких семейств устройств в универсальной платформе Windows (UWP).

Универсальные органы управления

UWP предоставляет набор универсальных элементов управления, которые гарантированно будут работать на всех устройствах Windows 10.

  • Этот список «Универсальные элементы управления» содержит общие элементы управления, такие как переключатель, комбинированный список, текстовое поле и т. Д.

  • Он также содержит некоторые сложные элементы управления, такие как представление сетки и представление списка, которые могут генерировать список элементов из потока данных и шаблона.

Этот список «Универсальные элементы управления» содержит общие элементы управления, такие как переключатель, комбинированный список, текстовое поле и т. Д.

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

Универсальные стили

Приложение UWP автоматически получает набор стилей по умолчанию, который предоставляет вам эти функции –

Набор стилей, которые автоматически придают вашему приложению светлую или темную тему.

Анимации по умолчанию для взаимодействий.

Автоматическая поддержка высококонтрастных режимов.

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