Muy buenas, me llamo Luis y en esta ocasión les traigo otro nuevo post.
Le hemos dado al resto de nuestra aplicación un modo oscuro, ahora configuremos el ícono
Si te importa mucho la experiencia de tus aplicaciones, definitivamente deberías considerar agregar compatibilidad con el modo oscuro. Recientemente, el modo oscuro se volvió aún más popular cuando iOS y Android agregaron un modo oscuro nativo en el propio sistema operativo.
Con iOS 13, los usuarios ahora pueden elegir si quieren usar su teléfono en modo oscuro o en modo claro. Esto obliga a todas las aplicaciones a implementar el modo oscuro a menos que opten por no usar overrideUserInterfaceStyle
.
Si está interesado en ofrecer un modo oscuro para sus usuarios, aquí le mostramos cómo puede configurar un icono diferente.
if #available(iOS 13.0, *) { if self.traitCollection.userInterfaceStyle == .dark { UIApplication.shared.setAlternateIconName("AppIcon-DarkMode") } else { UIApplication.shared.setAlternateIconName(nil) } }
Posiblemente coloque este código en el controlador de su vista viewDidLoad
. self.traitCollection.userInterfaceStyle
nos ayuda a encontrar el estilo de interfaz preferido.
Asegúrese de importar 2x y 3x del icono de su aplicación en modo oscuro (2x = 120×120, 3x = 180×180). Los archivos del icono de la aplicación deben importarse al proyecto. Por lo tanto, no puede configurarlos mediante programación.
En su documentación, Apple indica que debe declarar los íconos principal y alternativo de su aplicación utilizando el CFBundleIcons
clave de tu aplicación Info.plist
archivo.
A continuación, se explica cómo configurar iconos alternativos en su Info.plist
archivo.
<key>CFBundleIcons</key> <dict> <key>CFBundleAlternateIcons</key> <dict> <key>AppIcon-DarkMode</key> <dict> <key>CFBundleIconFiles</key> <array> <string>AppIcon-DarkMode</string> </array> <key>UIPrerenderedIcon</key> <false/> </dict> </dict> <key>CFBundlePrimaryIcon</key> <dict> <key>CFBundleIconFiles</key> <array> <string>AppIcon</string> </array> <key>UIPrerenderedIcon</key> <false/> </dict> </dict>
Eso es. En realidad, es así de fácil configurar un icono de modo oscuro para su aplicación.
Gracias por leer este artículo.
Añadir comentario