Compartilhar via


Modo Escuro no Xamarin.iOS

O Modo Escuro é uma opção em todo o sistema para temas claros e escuros. Os usuários do iOS agora podem escolher o tema ou permitir que o iOS altere dinamicamente a aparência com base no ambiente e na hora do dia.

Este documento apresenta o modo escuro e o modo escuro de suporte em aplicativos iOS 13.

Requisitos

O Modo Escuro requer iOS 13 e Xcode 11, Xamarin.iOS 12.99 e Visual Studio 2019 ou Visual Studio 2019 para Mac com suporte para Xcode 11.

Ativando o Modo Escuro

A Apple fornece um menu de desenvolvedor no iOS 13 para alternar entre os modos escuro e claro. No simulador do iOS 13, abra Configurações e escolha a seção Desenvolvedor e role até a opção Aparência Escura . A alteração será refletida em todo o ambiente do simulador:

Ativando o Modo Escuro

Ativos para modos claros e escuros

O Catálogo de Ativos no Visual Studio agora dá suporte a imagens e cores opcionais para cada modo de aparência: Universal, Escuro e Claro. Ao definir suas imagens e cores dessa forma, o iOS escolherá automaticamente a imagem e a cor apropriadas.

Abra o arquivo Assets.xcassets no projeto do iOS e adicione um novo conjunto de imagens. Observe que você pode especificar imagens universais, escuras e claras em qualquer uma das resoluções de destino. Na captura de tela abaixo, há uma imagem para escuro e claro com o nome "MicrosoftLogo":

Ativos para modos claros e escuros

Assets.xcassets também contém entradas para BackgroundColor e TitleColor, que são definições de cor. Essas cores agora estão disponíveis pelo nome a serem usadas em todo o aplicativo. BackgroundColor foi atribuído à tela de fundo do modo de exibição e TitleColor ao rótulo, conforme mostrado nesta captura de tela:

A captura de tela mostra os dispositivos móveis no modo claro e escuro com diferentes cores de plano de fundo e título.

Cores dinâmicas do sistema

A Apple introduziu novas cores semânticas que ajustam sua aparência dinamicamente com base na nova configuração do modo escuro.

Resumo

Este artigo introduziu o Modo Escuro para iOS e a especificação de imagens e cores para cada modo usando o catálogo de ativos.