16.11.11

Tutorial Android parte 8: Usando TableLayout en Android

Este tutorial está basado en el tutorial “Hello, views” de la documentación de Android SDK.

http://developer.android.com/resources/tutorials/views/hello-tablelayout.html

Hoy vamos a seguir aprendiendo más sobre las vistas.

Los tablelayouts son un tipo de layout en el que los elementos se colocan dentro de las filas de una tabla.

En este ejemplo vamos a modificar el archivo xml de la vista de una aplicación y vamos a colocar los elementos utilizando un tablelayout.

El código fuente de este ejemplo lo podéis encontrar en el siguiente enlace:

https://sites.google.com/site/libreyextremo/codigo-fuente-tutorial-aprender-android-parte-8

Creando la aplicación


Abrimos Eclipse y seleccionamos el workspace que queramos (en mi caso yo selecciono C:\Android\workspaces\0001 prueba\V_0_0_0_0).

Para crear un nuevo proyecto:
- Ir a File -> New -> Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:

Project name: HelloTableLayout
Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
Application name: Hello, TableLayout!
Package name: com.example.hellotablelayout
Create Activity: HelloTableLayout

- Hacer click en Finish.

Abrir res/layout/main.xml e introducir el siguiente código:



    
        
        
    
    
        
        
    
    
        
        
    
    
    
        
        
    
    
        
        
        
    
    
    
        
    


  
    

Nota: para indicar la alineación de un control hay que utilizar el atributo “android:gravity”.

Ejecutar la aplicación con Run -> Run.

El ejemplo crea un tablelayout y coloca los controles en filas. Con la etiqueta View crea barras de separación entre unas filas y otras del TableLayout.

Podéis echar un vistazo al código xml para entenderlo mejor.

No comments:

Post a Comment