Tutoriales
Atrás

Cómo personalizar los iconos de tu menú


Hoy aprenderemos cómo cambiar los íconos de tu modo de navegación.

Si aún no has elegido tu modo de navegación puedes ir y ver el video dedicado que pongo en la barra de información.

El tutorial de hoy es para ti si has elegido los modos de navegación Swipe, Little Swipe, TabBar o Grid.

En estos modos de navegación, las secciones de tu aplicación están representadas por iconos que puedes personalizar.

Te mostraré cómo.

Ve al menú Mi app> Diseño> Menú navegación.

Ingresa al modo de navegación que has elegido. Desliza el dedo por mí.

En el deslizamiento, los íconos no son obligatorios pero puedes activarlos aquí.

Ajustes del menú. Eso es todo, solo activa la opción.

Ahora vuelvo al menú Diseño.

Para cambiar el icono de una sección solo tengo que hacer clic en la sección, luego en Modificar el icono.

Ahora tengo dos posibilidades.

 O elijo entre los 150 iconos propuestos por GoodBarber.

O subo un icono personalizado.

Para hacer eso, voy al menú de Iconos personales.

Si eliges la opción de icono, tendrás que subir una imagen blanca sobre fondo transparente, porque puedes aplicar los colores de tu tema a este icono.

En mi caso, elegiré de la biblioteca de iconos de GoodBarber.

Esto es perfecto.

Cambio los iconos de las otras secciones rápidamente.

¡Y eso es!

Para cambiar el color de los iconos, voy al menú Ajustes. Color de los iconos. y eso es.

Última opción.

Puedes adelantar una sección en tu menú y así aplicar un color diferente a tu icono.

Para ello, en el menú Diseño, elige la sección que deseas resaltar y activa la opción "Resalta este enlace".

Ahora tengo muchas opciones nuevas.

Solo tengo que seleccionar los colores de mi icono.

Hecho !

Aquí está el resultado final !

¡Ahora sabes cómo personalizar tus iconos de navegación!

Nos vemos pronto para un nuevo tutorial;)

Vídeos similares