Элементы управления для двойного экрана пользовательского интерфейса Fluent

Fluent UI — это набор платформ пользовательского интерфейса для создания кросс-платформенных приложений, которые предоставляют возможности проектирования и взаимодействия. Ознакомьтесь с дополнительными сведениями на сайте разработчика пользовательского интерфейса Fluent и начните работу с пользовательским интерфейсом Fluent для Android. Полный список элементов управления Android содержит ссылки на визуальное представление каждого элемента управления, а также на ссылку на его источник.

Расширенные элементы управления

Следующие элементы управления были расширены для включения поддержки двух экранов:

Добавьте пакет пользовательского интерфейса Fluent в приложение, чтобы использовать эти элементы управления.

Настройка проекта

Библиотека публикуется с помощью JCenter, поэтому убедитесь, что репозиторий jcenter() добавлен в файл build.gradle на уровне проекта (обычно это делается автоматически).

В блоке зависимостей в файле build.gradle добавьте следующую строку для библиотеки FluentUI:

dependencies {
    ...
    implementation 'com.microsoft.fluentui:FluentUIAndroid:$version'
    ...
}

Замените $version последней версией FluentUI. Также добавьте следующие строки в раздел репозиториев в скрипте gradle:

maven {
    url "https://pkgs.dev.azure.com/MicrosoftDeviceSDK/DuoSDK-Public/_packaging/Duo-SDK-Feed/maven/v1"
}

Добавьте зависимость пакета SDK Surface Duo в файл build.gradle на уровне модуля (текущая версия может отличаться от указанной здесь):

implementation "com.microsoft.device:dualscreen-layout:1.0.0-alpha01"

Источник и пример

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

Surface Duo with Fluent UI sample spanned across both screens