Modo oscuro en Xamarin.iOS

El modo oscuro es una opción de todo el sistema para temas claros y oscuros. Los usuarios de iOS ahora pueden elegir el tema o permitir que iOS cambie dinámicamente la apariencia en función del entorno y la hora del día.

En este documento se presenta el modo oscuro y se admite en aplicaciones de iOS 13.

Requisitos

El modo oscuro requiere iOS 13 y Xcode 11, Xamarin.iOS 12.99 y Visual Studio 2019 o Visual Studio 2019 para Mac con compatibilidad con Xcode 11.

Activación del modo oscuro

Apple proporciona un menú para desarrolladores en iOS 13 para alternar entre los modos oscuro y claro. En el simulador de iOS 13, abra Configuración, elija la sección Desarrollador y desplácese hasta el conmutador Apariencia oscura. El cambio se reflejará en todo el entorno del simulador:

Turning on Dark Mode

Recursos para los modos Claro y Oscuro

El catálogo de recursos de Visual Studio ahora admite imágenes y colores opcionales para cada modo de apariencia: Universal, Oscuro y Claro. Al definir las imágenes y colores de esta manera, iOS elegirá automáticamente la imagen y el color adecuados.

Abra el archivo Assets.xcassets en el proyecto de iOS y agregue un nuevo conjunto de imágenes. Observe que puede especificar imágenes universales, oscuras y claras en cualquiera de las resoluciones de destino. En la captura de pantalla siguiente, hay una imagen para el tema oscuro y para el claro con el nombre "MicrosoftLogo":

Assets for Light and Dark Modes

Assets.xcassets también contiene entradas para BackgroundColor y TitleColor, que son definiciones de color. Esos colores ahora están disponibles por nombre para su uso en toda la aplicación. BackgroundColor se ha asignado al fondo de la vista y TitleColor a la etiqueta, como se muestra en esta captura de pantalla:

Screenshot shows mobile devices in light and dark mode with different background and title colors.

Colores dinámicos del sistema

Apple ha introducido nuevos colores semánticos que ajustan su apariencia de forma dinámica en función del nuevo valor de modo oscuro.

Resumen

En este artículo se ha presentado el modo oscuro para iOS y se han especificado imágenes y colores para cada modo mediante el catálogo de recursos.