Tutoriales
Atrás

Cómo personalizar los iconos del menú


Hoy vamos a aprender cómo cambiar los íconos en tu menú de navegación.

Si aún no has seleccionado tu plantilla de navegación, puedes ver el video que agregué en la barra de información.

Si has seleccionado la navegación,  swipe, Little Swipe, TabBar o Grid navigation, este tutorial es para ti.
En estos modos de navegación, las secciones de tu aplicación están representadas por íconos personalizables.

Déjame enseñarte como.

Ve al menú Mi app> Diseño, menú de navegación

Abre el modo de navegación que has seleccionado, para mí Swipe
Con Swipe, los iconos no son obligatorios pero puedes activarlos aquí: menú de ajustes, mira solo necesitas activar la opción.
Ahora volvamos al menú Diseño:
Haz clic en el ícono de la sección que deseas personalizar, luego edita el ícono.

Ahora tengo 2 posibilidades /: o uso 1 de los 150 iconos que ofrece Goodbarber

O subo un icono personalizado

Para ello voy al menú Iconos personales

Si seleccionas la opción Icono, debe cargar una imagen blanca sobre fondo transparente, ya que podrá aplicar los colores de su tema a este icono.

En mi caso, elegiré de la biblioteca de iconos de GoodBArber
voila!

Cambio rápidamente los iconos de las otras secciones. ¡Todo listo!
Para cambiar el color de los iconos, ve al menú de configuración, color del icono y ¡listo!

Puedes resaltar una sección en tu menú usando un color diferente para el ícono. Para hacerlo, ve al menú de diseño, selecciona la sección que deseas resaltar y activa la opción "resalta este enlace". ahora tienes muchas más opciones. Todo lo que necesitas es seleccionar los colores de tu icono. ¡Todo listo!

Vea el resultado final.
Ahora sabes cómo personalizar los iconos de tu menú de navegación.
Nos vemos muy pronto para otro tutorial.

Vídeos similares