Share
Puede agregar valor a cualquier producto al darle a la interfaz de usuario un aspecto profesional. Cuando a los usuarios les gusta lo que ven en la interfaz de usuario de una aplicación, es mucho más probable que lo instalen. Hay un conjunto de reglas definidas para el diseño, color, icono y otros elementos de la interfaz de usuario que su aplicación de Android debe seguir. En este artículo, nos atendremos a los iconos, específicamente los icono de lanzador, para tu aplicación de Android.
Los íconos para una aplicación de Android están segregados en varias categorías. Éstos incluyen:
Puede obtener más información sobre estas categorías de íconos mirando otras aplicaciones. Aquí hay un ejemplo de los iconos de WhatsApp:
Ahora, crear estos íconos puede parecer fácil si eres un diseñador, o si eres un desarrollador que tiene un diseñador en tu equipo. Pero no es tan fácil como parece. Tendrá que crear íconos para cada dimensión diferente, según las resoluciones y densidad de la pantalla del dispositivo Android. Para darte una idea de cuánto puede ser este trabajo, aquí está la lista de tamaños para los que necesitas crear el ícono de inicio si lo vas a hacer de la manera tradicional:
| Densidad | Icono |
|---|---|
| ldpi | 36 x 36 px |
| mdpi | 48 x 48 px |
| tvdpi | 64 x 64 px |
| hdpi | 72 x 72 px |
| xhdpi | 96 x 96 px |
| xxhdpi | 144 x 144 px |
| xxxhdpi | 192 x 192 px |
| Web | 512 x 512 px |
Y este es solo el icono del lanzador. Hay una lista similar para cada categoría de icono. Pero afortunadamente, Android Studio nos proporciona una herramienta llamada Imagen Estudio de activos que maneja la creación de iconos para todas las densidades de pantalla muy fácilmente.
Android Studio 3 ha introducido Image Asset Studio para crear íconos para su aplicación. Se encarga de generar íconos de aplicaciones de resolución apropiada para diferentes densidades de pantalla y ubicarlos en los respectivos densidad de mapa carpetas en el recurso directorio. También genera el ícono para la web (512 x 512 px) que se requiere para cargar la aplicación en Google Play Store. Estos iconos se obtienen de las carpetas según la densidad de pantalla de los dispositivos durante el tiempo de ejecución.
por iconos de lanzador adaptables, Image Asset Studio ofrece una vista previa completa del conjunto de iconos que incluye las versiones de círculo, cuadrado, cuadrado redondeado, squircle, capa de sangrado completo, icono heredado, ronda y Google Play Store del icono.
por iconos de lanzador heredados, por otro lado, los dispositivos no admiten íconos de diferentes formas. Así se generará un conjunto de iconos más restringido..
Echemos un vistazo a cómo crear un conjunto de iconos utilizando Image Asset Studio.
Para iniciar Image Asset Studio, seleccione Androide en el Ventana de proyecto. Haga clic derecho en el res carpeta y seleccione Nuevo > Activo de imagen. Ya has abierto Image Asset Studio. Ahora puede crear un ícono de iniciador adaptativo o un ícono de iniciador solo legado según sus requisitos.
Usarás este tipo de icono para el soporte de Android 8.0.
Primero, seleccione Iconos de inicio (adaptativo y legado) para el tipo de icono. Cambiar el nombre del icono si lo desea. Si el nombre ya existe, aparecerá una advertencia en la parte inferior del cuadro de diálogo que le indicará que se sobrescribirá el existente..
En el Capa de primer plano pestaña, seleccione el tipo de activo:
Del mismo modo, en el Capa de fondo pestaña, puede seleccionar un Imagen, Clipart, o Texto tipo de activo.
Tanto para las capas de primer plano como de fondo, también tiene las siguientes configuraciones opcionales:
los Legado lengüetale permite decidir si también generar un icono heredado. Aquí puede elegir si desea generar un icono heredado, un icono de Google Play Store y un icono redondo, así como qué forma usar para cada uno de ellos..
Este es el tipo de icono que creará si desea admitir versiones de Android menores o iguales a 7.1.
Primero, seleccione Iconos de inicio (solo legado) para el tipo de icono. Puedes cambiar el Nombre del icono en este momento si así lo desea. Si el nombre ya existe, habrá una advertencia en la parte inferior de que se sobrescribirá el existente. Selecciona el Tipo de activo y configurar los ajustes asociados..
También puede configurar algunos ajustes opcionales para la apariencia del icono:
Cualquier cambio que realice se reflejará en la sección de vista previa. Una vez que esté satisfecho con la apariencia de su icono, haga clic en Siguiente.
Luego será llevado a la pantalla de configuración, donde puede cambiar la Directorio de recursos Donde tus iconos serán emitidos. Actualízalo si quieres. Las siguientes son las opciones disponibles:
Finalmente, envuélvelo presionando. Terminar.
Ahora estamos listos con nuestro nuevo icono de lanzador en todas las carpetas respectivas. El nombre de mi icono de lanzador es ic_launcher_demo. Puede ver todos los íconos que se generaron para este ícono en la siguiente captura de pantalla.
Ahora es el momento de actualizar el AndroidManifest Archivo para que nuestra aplicación sepa utilizar el nuevo icono. Para empezar, abre tu AndroidManifest.xml expediente. Aquí, el icono del iniciador predeterminado se establece en la línea 7 y 9. Debe actualizarlo con el nuevo icono que creó..
Cambio android: icono y Android: roundIcon al nombre que ha elegido para su icono de lanzador.
android: icon = "@ mipmap / ic_launcher_demo" android: roundIcon = "@ mipmap / ic_launcher_demo_round"
¡Felicidades! Has actualizado correctamente el ícono del iniciador para tu aplicación..
En esta publicación, aprendió sobre los diferentes tipos de iconos que se utilizan en una aplicación de Android, así como todas las diferentes resoluciones de pantalla que se deben generar para cada icono. Luego, aprendió sobre la herramienta Image Asset Studio y cómo hace que la generación de iconos para su aplicación Android sea mucho más fácil.
Accentsconagua