Responsive Design en App Inventor (I). Botones que se adaptan

Uno de los principales inconvenientes con los que nos enfrentamos cuando realizamos una aplicación es que esta se vea bien en distintos dispositivos con distintas dimensiones de pantallas, densidades de píxeles, etc.

 

El diseño adaptable o responsive design es un concepto que en el mundo web lleva ya triunfando varios años y es algo también deseable en cuanto hablamos de aplicaciones móviles.


En el Curso de Desarrollo de aplicaciones con App Inventor surgió una consulta de un estudiante que deseaba conseguir este efecto. Me pareció muy interesante y necesaria por lo que me gustaría compartir una posible solución con todos vosotros.


Independientemente de que estéis desarrollando una app de productividad o un videojuego es muy probable que queráis distribuirla y enfrentaros por tanto a la cuestión de qué dimensiones poner en cada elemento y cómo mostrarlos...


En la siguiente aplicación, que NO hace nada más que mostrar unos botones, pretendo ilustrar lo que sería la adaptación a la pantalla de estos componentes que deseo que mantengan sus proporciones.

 

La idea reside en mantener la relación de aspecto (ancho x alto) utilizando para ello unas simples cuentas matemáticas.

 

Leer más 3 comentarios

Nueva actualización de MIT App Inventor(nb149)

El MIT acaba de lanzar una nueva versión de App Inventor que corrige algunos errores y añade nuevas funcionalidades a nuestra herramienta, ¡genial!

 

Entre ellas tenemos:

 

  • Actualización del componente Firebase
  • Componente nuevo en sensores: podómetro
  • Componente nuevo para Lego Mindstorm EV3 Robots.
  • Soporte para extensiones escritas en Java
  • Componente nuevo Bluetooth LE (bajo consumo, disponible por ahora en las extensiones)

Toda la información aquí.

 

Es una muy buena noticia para la comunidad pero es importante que estéis pendiente por si apps que funcionaban antes dejan de hacerlo. En principio no debe haber ningún problema pero permitirme que os recomiende que actualicéis la app MIT AI2 Companion a la última versión disponible siempre(2.37 a día de hoy).

 

Happy inventing!!!

Leer más 0 comentarios

Material del Taller de Creación de aplicaciones con App Inventor

Ayer estuvimos en la European Maker Week de Sevilla impartiendo un taller de creación de aplicaciones con App Inventor. ¡Muchas gracias a todos los asistentes que llenasteis la sala y a todos los que nos mandasteis mensajes por las distintas redes sociales! La hora no era muy buena pero las ganas y el interés que pusisteis la verdad es que fue impresionante...al final se nos pasó el tiempo volando!

 

 

 

El material de la charla lo tenéis en estos enlaces:

 

Algunos enlaces de la presentación...

 

 

Como os comenté en el taller tenemos la intención de repetirlo pronto para lo cual os invito a los que no pudisteis ir o los que queráis repetir que os apuntéis al grupo de Meetup de App Inventor España.

 

Si estáis interesados en recibir alguna charla o curso sobre App Inventor en vuestro país/ciudad no dudéis en poneros en contacto y coordinamos los detalles... Recordad que tenéis a vuestra disposición un equipo completo de MIT Master Trainers impartiendo talleres y charlas sobre App Inventor en una gran cantidad de países y que estarán encantados de poder colaborar.

 

Happy inventing!

 

Jose Luis Núñez

@twajoseluis

2 comentarios