Imágenes e iconos en Xamarin.iOS

  • Artículo

En esta sección se incluyen diversos artículos en los que se explica cómo trabajar con imágenes en una aplicación de Xamarin.iOS, cómo usarlas como iconos o pantallas de inicio, o cómo incluirlas en controles y proporcionar iconos para tipos de documentos personalizados.

Hay varias maneras de usar recursos de imagen en una aplicación de iOS. Desde simplemente mostrar una imagen como parte de la UI de una aplicación hasta asignarla a un control de UI, como UIButton o UIImageView, para proporcionar iconos y pantallas de inicio, Xamarin.iOS facilita la adición de excelentes ilustraciones a una aplicación de iOS de las siguientes maneras:

  • Imágenes independientes de la resolución: use la compatibilidad integrada de iOS para trabajar con imágenes en diferentes resoluciones y tipos de dispositivos (iPhone, iPad, etc.).
  • Conjuntos de imágenes del catálogo de recursos: use conjuntos de imágenes del catálogo de recursos para administrar y agrupar todas las versiones de un recurso de imagen determinado requerido por una aplicación.
  • Imágenes en código: use los métodos de la clase UIImage para cargar y trabajar con recursos de imagen y asignarlos a controles de interfaz de usuario en código de C#.
  • Icono de aplicación: defina el icono de la aplicación requerido para cada aplicación de iOS. Este es el icono en el que pulsará el usuario desde la pantalla principal de iOS para iniciar la aplicación. Además, el Game Center también usa este icono, si procede.
  • Icono de Spotlight: defina el icono de Spotlight de la aplicación. Cada vez que el usuario escribe el nombre de una aplicación en una búsqueda de Spotlight, se muestra este icono.
  • Icono de Ajustes: defina el icono de Ajustes para la aplicación. Si el usuario accede a la aplicación Ajustes en su dispositivo iOS, este icono se mostrará al final de la lista para la aplicación.
  • Pantallas de inicio: defina la pantalla de inicio de la aplicación. Una vez que el usuario pulsa el icono de la aplicación y antes de que aparezca la primera vista, se muestra una pantalla en blanco. Afortunadamente, iOS incluye compatibilidad para mostrar una imagen en lugar de la pantalla en blanco usando un Storyboard.
  • Icono de iTunes: proporcione un icono para iTunes. Si usa el método ad hoc para entregar una aplicación (ya sea para usuarios corporativos o para pruebas beta en dispositivos reales), el desarrollador también debe incluir una imagen de 512 x 512 y una imagen de 1024 x 1024 que se usará para representar la aplicación en iTunes.
  • Iconos de documentos: use una imagen como icono para cualquier tipo de documento específico que admita o cree una aplicación de Xamarin.iOS.

Hay varias consideraciones que deben tenerse en cuenta al crear recursos de imagen para una aplicación de iOS, así como varios lugares en los que se usarán esos recursos. Cada consideración afecta no solo al número de recursos de imagen necesarios, sino a cómo se crean esos recursos. En los temas siguientes se tratan los tipos de recursos de imágenes que se requieren, cómo se incluyen esos recursos en el paquete de la aplicación y cómo se consumen los recursos de imagen para proporcionar la funcionalidad necesaria:

Visualización de una imagen

En este artículo se describe cómo incluir un recurso de imagen en una aplicación de Xamarin.iOS y cómo mostrar esa imagen con código de C# o mediante su asignación a un control en el diseñador para iOS.

Iconos de aplicación

En este artículo se describe cómo incluir y administrar un recurso de imagen en una aplicación de Xamarin.iOS que se usará como icono de aplicación.

Iconos de aplicación alternativos

Apple ha agregado varias mejoras a iOS 10.3 que permiten a una aplicación administrar su icono:

  • ApplicationIconBadgeNumber: obtiene o establece el distintivo del icono de la aplicación en Springboard.
  • SupportsAlternateIcons: si es true, la aplicación tiene un conjunto alternativo de iconos.
  • AlternateIconName: devuelve el nombre del icono alternativo seleccionado actualmente o null si se usa el icono principal.
  • SetAlternameIconName: use este método para cambiar el icono de la aplicación al icono alternativo especificado.

Pantallas de inicio

En este artículo se describe el uso de un tipo especial de Storyboard para proporcionar una pantalla de inicio universal para el tamaño y la resolución de cada dispositivo iOS.

Tipos de documentos personalizados

En este artículo se describe cómo incluir y administrar un recurso de imagen en una aplicación de Xamarin.iOS que se usará como el icono para un tipo de documento personalizado.