Cómo crear un menú de hamburguesa en TIA Portal

Cómo crear un menú de hamburguesa en TIA Portal

Esta semana después de muchas semanas de ausencia te traigo algo ligerito.

Con ello me refiero a hacer un efecto gráfico  con las pantallas Comfort de TIA Portal.

Se trata de hacer un menú hamburguesa.

Ya sabes, el típico icono que te encuentras en páginas web cuando estás en modo móvil o de tablet. Me refiero a algo como esto:

¿Ahora sí?

Cómo crear un menú hamburguesa en TIA Portal

Bueno, pues la idea es hacer que cuando pulses en ese botón se despliegue el menú lateral como se muestra en las imágenes.

Ahora bien ¿sabes cómo hacerlo?

Puede ser que sí, porque no es complicado.

Por un lado queda curioso hacerlo y estético (más allá a la hora de elegir los iconos, que pueden ser más o menos agraciados).

Pero por otro lado, para pantallas medianas/pequeñas, como es el caso del proyecto que esto haciendo, puede ser bastante útil ya que ahorra espacio al solo enseñar los iconos, y si pulsas sobre la hamburguesa se despliega los textos y botones para dar la información completa de qué es qué.

Así que si no lo has hecho nunca, o si lo has hecho, pero quieres ver cómo lo he resuelto yo, te invito a ver el vídeo.

¿Qué te ha parecido?

Espero que te haya gustado y que lo puedas poner en marcha en tus proyectos.

Si quieres formarte en esto y otras cosas en TIA Portal, ya sabes que tienes el curso completo de TIA Portal o la plataforma guorker.com donde formarte en el mundo de Siemens.

Comentarios (4)
Jon Manterola
Hola Iñigo Gracias por compartir esta tecnica, me va a ser de gran utilidad pare el projecto en el que estoy trabando ahora. Saludos
Joan Carles
Iñigo, genial como siempre, rápido y práctico. Saludos
Juan carlos
Hola Iñigo: muy buena idea en especial para pantallas pequeñas, vamos a poner en marcha un proyecto asi. que estés muy bien
David
Gracias y muy funcional