Hoy vamos a ver el primer tipo de layout: el Linear Layout.
Vamos a seguir los pasos de esta página de Android Developers: http://developer.android.com/resources/tutorials/views/hello-linearlayout.html.
El LinearLayout es un ViewGroup (grupo de Views) representa elementos View de manera lineal, horizontal o verticalmente.
Vamos a crear una aplicación que use este layout.
Sólo hay que seguir estos pasos:
Vamos a seguir los pasos de esta página de Android Developers: http://developer.android.com/resources/tutorials/views/hello-linearlayout.html.
El LinearLayout es un ViewGroup (grupo de Views) representa elementos View de manera lineal, horizontal o verticalmente.
Vamos a crear una aplicación que use este layout.
Sólo hay que seguir estos pasos:
1. Creamos un prooyecto Android llamado por ejemplo HolaLinearLayout.
2. Abrimos el fichero
En ese XML podemos ver que la raíz es un Linear Layout con orientació vertical (es decir todos los elementos hijos se colocaran uno tras otro de forma vertical). Vemos que el primer hijo es otro Linear Layout horizontal y el segundo otro vertical. Cada uno de estos dos layouts hijos tienen a su vez como hijos varios Text View.
res/layout/main.xml
con el editor de texto y sustituimos el texto por el de esta página: http://developer.android.com/resources/tutorials/views/hello-linearlayout.htmlEn ese XML podemos ver que la raíz es un Linear Layout con orientació vertical (es decir todos los elementos hijos se colocaran uno tras otro de forma vertical). Vemos que el primer hijo es otro Linear Layout horizontal y el segundo otro vertical. Cada uno de estos dos layouts hijos tienen a su vez como hijos varios Text View.
3. Abrimos HolaLinearLayout.java y nos aseguramos que esté el código siguiente:
El método setContentview(int) carga el archivo con el layout en Activity.
R.layout.main
hace referencia al fichero res/layout/main.xml
4. Ejecutamos la aplicación y veremos algo parecido a esto (si no sale, apretamos el botón "MENU":
En la próxima parte veremos el Relative Layout y el Table Layout.
Siguiente parte del tutorial
No hay comentarios:
Publicar un comentario