App Inventor en el Aula

domingo, 3 de mayo de 2015

Paso 6. Cómo ordenar los elementos de la interfaz

Al colocar los elementos de nuestra interfaz en el Diseñador, muchas veces veremos que, según la pantalla del móvil, los elementos se descolocan o no aparecen como nosotros queremos.

En una aplicación de prueba que hice utilicé las Disposiciones (Arrangements):
  • Son como contenedores donde introducir los elementos que queramos ordenar.
  • Podemos meter uno dentro de otro, para ello, nos será muy util el organizador de la derecha del Diseñador. Podremos arrastar y soltar elementos o Disposiciones para colocarlas dentro de otras.
  • Las hay Horizontal, Vertical y Tabular. Por ejemplo, si queremos que los elementos se distribuyan horizontalmente, usaremos la horizontal. La tabular es para colocarlos en una tabla y se usa para más de dos componentes adyacentes.

TAREAS PARA EL ALUMNO


Crea una aplicación llamada "Paso6" en la que intentes reproducir la misma distribución del ejemplo.

Mira atentamente como están colocados los elementos en el ejemplo.
  • Dentro del VerticalArrangement3 hay contenido otro VerticalArrangement2 para mantener colocados los elementos de la caja de texto y los botones en horizontal. 
  • Los dos botones se mantienen en horizontal gracias a que están incluidos en HorizontalArrangement2, que a su vez está incluido en VerticalArrangement2.
  • Los elementos sin interfaz (TextToSpeech1 y SpeechRecognizer1) van fuera de las Disposiciones, no tiene sentido ordenarlos.


0 comentarios:

Publicar un comentario