В ноябре Microsoft поделились своим видением устройств с двумя экранами и того, как эта новая категория устройств поможет людям сделать больше при меньших и более мобильных форм-факторах. Microsoft сообщает нам, как начать работу и оптимизировать работу на устройствах с двумя экранами:
1. Изучение предварительных SDK и стандартных предложений для приложений и веб-сайтов
2. Использование устройств с двумя экранами
3. Узнайте больше на Microsoft 365 Developer Day
1) Изучение предварительного просмотра SDK и предложений по стандартам для приложений и веб-сайтов
Microsoft объявляет о доступности предварительного просмотра SDK для Microsoft Surface Duo и о доступности в ближайшие недели предварительного просмотра SDK для Windows 10. Также сообщает о новых предложениях по веб-стандартам, чтобы обеспечить работу с двумя экранами для веб-сайтов и PWA на Android и Windows 10X. Эти новые предложения по веб-стандартам предоставят вам возможности и инструменты, необходимые для устройств с двумя экранами.
Загрузить предварительный просмотр SDK для Microsoft Surface Duo
Сегодня разработчики могут загрузить предварительный SDK для Surface Duo, получить доступ к документации и образцам лучших рекомендаций, увидеть шаблоны проектирования UX и многое другое. Предварительный просмотр SDK дает разработчикам первый взгляд на то, как вы можете воспользоваться преимуществами работы с двумя экранами.
Это включает:
• Встроенные API-интерфейсы Java для поддержки разработки двух экранов для устройства Surface Duo, включая API-интерфейс DisplayMask, датчик угла поворота и новые возможности устройства.
• Эмулятор Android с предварительным просмотром изображения Surface Duo, интегрированный в Android Studio, чтобы вы могли протестировать свое приложение без физического устройства. Эмулятор имитирует позы, жесты, угол поворота, имитирует шов между двумя экранами и многое другое. Microsoft продолжит добавлять функциональность с течением времени.
• Требования: Для Android Studio и Android Emulator.
В ближайшие месяцы у нас будет больше объявлений и обсуждений, разработчики с нетерпением ждут ваших отзывов.
Рисунок 1. Эмулятор Android с предварительным просмотром изображения Surface Duo
Преждевременный взгляд на разработку для Windows 10X
В ближайшие недели разработчики получат доступ к предварительной версии Windows SDK через стандартные сборки Insider. Предоставляем вам эмулятор Microsoft® 11 февраля, а также новые API-интерфейсы для поддержки двух экранов, документацию и примеры кода.
Включены:
• API-интерфейсы Windows для разработки двух экранов, позволяющие вашему приложению охватывать два экрана, определять положение петель и использовать преимущества Windows 10X.
• Эмулятор Microsoft представляет собой двухэкранный эмулятор Hyper-V, поэтому вы можете развернуть существующие приложения на универсальной платформе Windows (UWP) и Win32 и протестировать их в одно- и двухэкранных сценариях. Эмулятор имитирует физическое устройство, чтобы вы могли видеть, как ваши приложения взаимодействуют с Windows 10X.
• Требования: последняя предварительная сборка Windows Insiders для 64-битной Windows 10 (Pro, Enterprise или Education), 64-битный ЦП с 4 ядрами, минимум 8 ГБ (рекомендуется 16 ГБ ОЗУ), Hyper-V и выделенный графический процессор с поддержкой Direct X 11.0 или позже.
Рисунок 2: Эмулятор Microsoft, показывающий Windows 10X
Примеры работ с двумя экранами в сети.
Новый Microsoft Edge, обеспечивает мощную и совместимую основу для взаимодействия веб-сайтов и веб-приложений на устройствах на базе Chromium. Microsoft активно внедряет новые возможности, которые позволяют веб-контенту обеспечивать отличную работу на устройствах с двумя экранами, независимо от того, запущен ли он в браузере или установлен как приложение.
• Новые веб-стандарты для двухэкранного макета. Также предлагаем CSS-примитивы для двухэкранных макетов и JavaScript Window Segments Enumeration API предоставить примитивы веб-платформ для веб-разработчиков для обнаружения нескольких дисплеев и размещения контента на них. В ближайшее время ожидаются результаты экспериментальной реализации этих функций в предварительных сборках браузера.
• Полизаполнения для двухэкранов. Поскольку вышеперечисленные функции проходят через процесс веб-стандартов, Microsoft опубликовали полифилы, которые вы можете писать, когда вы начинаете изучать разработку с двумя экранами. Вы можете найти полифилы и соответствующую документацию:
○ Сегменты окна JavaScript перечисляет (области на отдельных дисплеях), где могут быть размещены отдельные части контента.
○ Многопоточность CSS мультимедийной функции позволяет размещать содержимое в окне, которое охватывает несколько дисплеев.
• Прогрессивные веб-приложения поддерживаются из Microsoft Edge, который можно установить прямо из браузера на Windows 10X и Android. PWA будут поддерживать те же функции и инструменты для работы с двумя экранами, что и браузер.
В ближайшие месяцы расскажем больше о создании устройств с двумя экранами с использованием веб-технологий – подробности в блоге Microsoft Edge.
2) Использование устройств с двумя экранами
Устройства с двумя экранами дают вашим приложениям возможность по-новому порадовать людей. Чтобы помочь вам начать, предоставляем вам базовые контрольные списки поддержки для сенсорного и перьевого, перетаскивания и исходные идеи шаблонов приложений, чтобы ваши приложения отлично работали на устройствах с двумя экранами.
Рисунок 3: Шаблоны приложений с двумя экранами
Ваше приложение по умолчанию будет занимать один экран, но пользователи могут расширить приложение, чтобы охватить оба экрана, когда устройство находится в макете с двумя портретами или двумя пейзажами. Вы можете включить полноэкранный режим для своего приложения в любое время, но на данный момент охват ограничен пользовательской активностью.
Рисунок 4: Ориентация и расположение двух экранов.
Для тех, кто заинтересован в кроссплатформенной разработке с использованием React Native или Xamarin.Forms, Microsoft работает над улучшением этих фреймворков и примеров кода. Вы можете найти все двухэкранные контрольные списки, шаблоны приложений и новые примеры кода по мере их появления на сайте с документацией по двум экранам. Пожалуйста, свяжитесь по адресу dualscreendev@microsoft.com, чтобы идеализировать и внедрить инновационные технологии для работы с двумя экранами.
3) Узнайте больше на Microsoft 365 Developer Day
Присоединяйтесь к онлайн трансляции на Microsoft 365 Developer Day, посвященный работе с двумя экранами во вторник, 11 февраля, в 8:30 утра по тихоокеанскому времени. Основной доклад и сессии:
• Получите максимум от SDK и эмуляторов
• Использование кроссплатформенных инструментов и языков
• Разработка приложений для устройств с двумя экранами
• Создание примеров работ с двумя экранами в Интернете.
• Подключите свои приложения с Microsoft 365
Источник