Compartilhar via


Controles de tela dupla da IU do Fluent

A IU do Fluent é uma coleção de estruturas de experiência do usuário para a criação de aplicativos multiplataforma que compartilham o comportamento de interação e design. Leia mais sobre o Site do Desenvolvedor da IU do Fluent e comece a usar a IU do Fluent para Android. A lista completa de controles do Android tem links para a representação visual de cada controle, bem como um link para a origem dele.

Controles aprimorados

Os seguintes controles foram aprimorados para telas duplas:

Adicione o pacote da IU do Fluent ao seu aplicativo para usar esses controles.

Configurar seu projeto

A biblioteca é publicada por meio do JCenter; portanto, verifique se o repositório jcenter() foi adicionado ao arquivo build.gradle de nível de projeto (que geralmente é automático).

Dentro do bloco de dependência em seu build.gradle, adicione esta linha na biblioteca da IU do Fluent:

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

Lembre-se de substituir $version pela versão mais recente da IU do Fluent. Além disso, adicione as seguintes linhas à seção de repositórios em seu script gradle:

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

Adicione a dependência do SDK do Surface Duo ao arquivo build.gradle de nível de módulo (a versão atual pode ser diferente da mostrada aqui):

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

Origem e exemplo

Localize o código-fonte e o aplicativo de demonstração de exemplo no repositório GitHub da IU do Fluent. O exemplo inclui o conjunto completo de controles da IU do Fluent. No entanto, quando o aplicativo é estendido, o menu se filtra para mostrar apenas os controles avançados de tela dupla:

Surface Duo with Fluent UI sample spanned across both screens