Ticker

6/recent/ticker-posts

Ad Code

Responsive Advertisement

Curso de AppGyver #5. Crear la interfaz de la app de tareas

En la quinta clase del curso de creación de apps de smartphone con AppGyver vamos a empezar a crear nuestra aplicación.

Crearemos una aplicación de tareas, donde podremos añadir tareas, darlas por finalizadas y eliminarlas llegado el caso. Como no, lo haremos sin escribir ni una sola línea de código, ya que el cometido de este curso es que aprendas a crear aplicaciones con esta plataforma no-code.

Comenzaremos a crear la pantalla principal y a configurar los diferentes elementos que la van a conformar. Hay que tener en cuenta que la creación de la interfaz no es muy diferente de desarrollar la aplicación de forma nativa. De forma nativa se seleccionan elementos y se arrastran a la vista, de la misma forma lo haremos en el Composer Pro de AppGyver. ¡A por ello!

Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.

Fantástico, ¿no es cierto? Hemos creado dos pantallas casi sin despeinarnos. Hemos usado un botón para cambiar de una vista a otra, un listado para mostrar las diferentes tareas que vayamos añadiendo, un icono el cual más tarde le daremos cierta lógica para eliminar tareas, hemos usado contenedores y muchas otras cosas más.

Fijaros también que sencillo es crear nuevas vistas, e igual de sencillo es hacer cambios de vista con los controladores de navegación que ya disponen integrados las mencionadas vistas.

Hemos añadido campos de texto, aquí llamados "Input views" y también hemos configurado desde el inspector algunos de los elementos que componen nuestra interfaz. Sin duda como has visto AppGyver es una fantástica herramienta para crear aplicaciones multiplafatoma sin saber programar o escribir tan siquiera una sola línea de código.

Como tarea o deberes os aconsejo que creéis un botón en algún lugar de la pantalla principal, además crea una nueva vista con algún texto de ayuda o presentación de la App, por último, haced que al pulsar ese botón se navegue a esta nueva vista. Lógicamente en la nueva vista que hemos creado debemos poner un botón de regreso para volver a la vista principal. Todavía nos queda algo de trabajo en nuestra interfaz, como modificar algunos elementos o configurar la apariencia de otros. Pero todo esto será en una próxima clase.

Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)

Enregistrer un commentaire

0 Commentaires