Atrás

[Vídeo Tutorial] Cómo cambiar los iconos del menú de tu app

el 

Al diseñar tu app, muy probablemente debas escoger entre varios modos de navegación.
Algunos de estos modos de navegación incluyen iconos por cada sección individual.
En este vídeo tutorial, os vamos a enseñar cómo:

- Añadir secciones de muestra en tu app para previsualizar la estructura de tu menú.
- Colocar los distintos iconos de tu app una vez elegido el modo de navegación.
- Subir y utilizar tus propios iconos personales.
Puedes escoger y configurar los iconos del menú de tu app desde el menú Diseño de tu backend.

A la derecha, verás los cinco pasos que, a modo de guía, te ayudarán durante el proceso de personalización de tu app.
La configuración de los iconos del menú se encuentra en el primer paso: Menú.

Tras hacer clic, verás todos los temas de navegación disponibles. Sin embargo, no todos ellos incluyen iconos. Sólo los temas: TabBar, Little Swipe, Grid y Classic TabBar incluyen iconos.

Si estás creando el diseño de tu app por primera vez, te recomendamos que continúes con este proceso tras escoger las diferentes secciones de tu menú.

Añade secciones de muestra a tu app para previsualizar la estructura del menú

Para obtener una vista previa rápida de la estructura final de tu menú, puedes añadir secciones de muestra desde el menú Secciones. Haz clic en "Añadir muestra" y escoge uno de los diferentes tipos de secciones de muestra disponibles, como artículos, fotos, vídeos, etc.

Las secciones de muestra te ayudarán a crear tu menú, puesto que sólo deberás preocuparte por el diseño de éste.
Por otro lado, si prefieres centrarte en un primer momento en el número y tipo de secciones que tu app tendrá, deberías dejar modificación de los iconos para el final.

Coloca los distintos iconos de tu app una vez elegido el modo de navegación

Ahora, volviendo atrás al menú del modo de navegación, podrás escoger un modo de navegación que se sirva de iconos, así como configurar los ajustes de dicho modo de navegación. En este apartado también se te permitirá escoger y modificar los iconos.

Al hacer clic en un icono, la librería se desplegará y puedes seleccionar un icono con sólo hacer clic sobre éste.

Cada vez que cambies un icono, podrás ver inmediatamente el resultado en la preview  (vista previa).

Subir y utilizar tus propios iconos personales

Si no quieres servirte de los iconos estandarizados y por el contrario, prefieres subir tus propios iconos, tendrás que abrir la librería de iconos de nuevo, seleccionar la pestaña "Iconos Personales" y subir tus archivos. Pon atención a seguir todos los requisitos. Ha de ser una imagen blanca con fondo transparente en portable networks graphics ( gráficos portátiles de red) o formato .png y debe medir exactamente 260 x 260 píxeles.

Si quieres cambiar los iconos tras haber seleccionado un modo de navegación, haz clic en la pestaña "Editar" situada debajo de la vista previa del tema de navegación seleccionado.

Para aplicar los nuevos iconos a la app, deberás dirigirte al menú "Publicar", después en "Lista de cambios" y hacer clic en "Actualizar Ahora". Verás una lista de todas las modificaciones realizadas y haz clic en "Actualizar".

En cuanto la actualización se haya completado, los nuevos iconos se aplicarán en el menú de tu app.