Layout
Layout
Un layout es un conjunto de vistas agrupadas de
una determinada forma. Vamos a disponer de diferentes tipos
de layouts para organizar las vistas de forma lineal, en cuadrícula o
indicando la posición absoluta de cada vista. Los layouts también son
objetos descendientes de la clase view. Igual que las vistas,
los layouts pueden ser definidos en código, aunque la forma habitual
de definirlos es utilizando código xml.
LinearLayout es uno de los Layout más
utilizado en la práctica. Distribuye los elementos uno detrás de otro, bien de
forma horizontal o vertical.
<LinearLayout xmlns:android="http://...
android:layout_height="match_parent"
android:layout_width="match_parent"
android:orientation ="vertical">
<AnalogClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Un checkBox"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Un botón"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Un texto cualquiera"/>
</LinearLayout>
android:layout_height="match_parent"
android:layout_width="match_parent"
android:orientation ="vertical">
<AnalogClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Un checkBox"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Un botón"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Un texto cualquiera"/>
</LinearLayout>
Imágenes
Agregar Linear Layout e Image View Para que la aplicación
desarrolladase vea de la siguiente manera:
Botones
Explicaremos a continuación cómo añadir un botón (Button) a
una apliación Android en Eclipse, en primer lugar ya tendremos creado el Layout
de nuestra aplicación (ventana principal). En este layout que podemos abrir desde
"res" - "layout", haremos doble click sobre
"activity_ajpdsoft_linterna.xml" (puede tener cualquier otro nombre).
Eclipse nos mostrará la edición gráfica del layout con los posibles componentes
a agregar, en el grupo "Form Widgets" de la ventana "Palette"
seleccionaremos "Button":
Y lo arrastraremos al lugar del layout donde queramos que
aparezca:
Seleccionando el nuevo botón, Eclipse nos
mostrará en la parte derecha la ventana "Properties" donde
indicaremos las dos propiedades más importantes:
Id: nombre que identificará el Button para referenciarlo en
el código Java, por ejemplo "@+id/btURL" (siempre indicaremos
"@+id/nombre_identificativo":
La otra propiedad importante para el Button será el texto
que se mostrará al usuario, tendremos dos posibilidades:
Lo podemos escribir directamente en la propiedad
"Text" (no es recomendable).
Antes de asignarle un texto al Button crearemos un
"Value" en "Resources". Para ello seguiremos los siguientes
pasos, abriremos las siguientes carpetas en "Project Explorer":
"res" - "values", haremos doble click en
"strings.xml". En la parte derecha Eclipse nos mostrará los values
actuales, pulsaremos "Add":
Seleccionaremos "String" y pulsaremos
"OK"
Introduciremos un nombre identificativo para el nuevo String en "Name", por ejemplo "text_url" y un valor en "Value", por ejemplo "Visitar web". Cerraremos el fichero "strings.xml" y guardaremos los cambios:
En realidad lo único que hemos hecho es añadir la siguiente línea al fichero "strings.xml":
<string name="text_url">Visitar web</string>
Una vez añadido el string volveremos al layout, seleccionaremos el Button y en la propiedad "Text" pulsaremos el botón "...":
En la ventana de selección de recurso (Resource Chooser) seleccionaremos el string añadido anteriormente "text_url":
De esta forma desde "Graphical layout" ya tendremos el botón añadido a la ventana principal de la aplicación Android:
Como casi todo en Eclipse, podremos ver y modificar e incluso añadir cualquier componente editando directamente el fichero correspondiente al layout, pulsando en la parte inferior del layout abierto en el fichero xxx.xml, veremos el código XML necesario para añadir cualquier componente de nuestra aplicación, enmarcamos en rojo el código XML que ha añadido el diseñador gráfico de forma automática para nuestro botón:
No hay comentarios.:
Publicar un comentario