Interfaz de usuario en Android

Una de las cosas más interesantes que tiene Android (bajo mi punto de vista, claro está), es la creación de interfaces de usuario.

Android nos ofrece la posibilidad de crear la «fachada“ de la aplicación mediante ficheros XML. De esta forma, nos podemos concentrar en el aspecto funcional de la aplicación (código Java) o puramente estético (XML). También podríamos generar la interfaz mediante código Java, pero queda mucho más estético y ordenado usando lo que Android nos ofrece.

Tal y como comentaba en el artículo Estructura de una aplicación Android, tenemos la carpeta «res“, donde almacenábamos todos los recursos del sistema. Dentro de estos recursos están nuestros archivos XML que usaremos para crear las vistas de nuestra aplicación.

Una aplicación recién creada, contendrá las carpetas drawable, layout y values. Nos vamos a centrar en la carpeta layout. Si nos aventuramos y vemos que contiene esta carpeta, podemos ver que Eclipse nos ha generado un fichero main.xml. payday loans las vegas Este fichero contiene una vista simple, un contenedor (Layout) y una vista (View) simple que contiene una cadena de texto tipo «Hola Mundo“. Esta vista se mostrará en la pantalla en cuanto arranquemos la aplicación.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello"

/>

</LinearLayout>

Esta es la forma de cualquier vista payday en Android. Tendremos un árbol de Layouts y de Widgets anidados con tags propios y multitud de atributos, de esta forma se usa toda la potencia de XML.

direct payday lenders

Centrémonos en esta online payday loan vista básica. Tenemos para empezar la primera linea,

<?xml version="1.0" encoding="utf-8"?>

que debe estar en todo fichero XML que queramos usar (de lo contrario Eclipse se quejará y nos marcará un error de fichero mal codificado). Esta línea no tiene mucho misterio, simplemente nos aparece la versión de xml que estamos payday loans usando y la codificación. Lo interesante viene a continuación.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

nos encontramos con el primer Layout, en este caso un LinearLayout. Los Layouts, son contenedores de otros elementos en una vista, dentro de cada Layout podemos poner los elementos que queramos, incluso direct payday lenders otros Layouts. De esta forma podemos estructurar nuestra vista tal y como deseemos.

project payday scam

Tenemos una gran variedad de Layouts, dependiendo de como posicionen los elementos en la pantalla. LinearLayout apila sus «hijos“ (En inglés nos encontraremos terminología como «parents“ and «children“, en este caso el LinearLayout es padre del TextView y el TextView es hijo del LinearLayout, bastante intuitivo).

En este caso, se apilan de forma «vertical“, ya que es como lo indicamos en uno de sus tributos «android:orientation“, si pusiesemos «horizontal“ los elementos se colocarían de izquierda a derecha, ahora mismo están colocados de arriba a abajo.

Otros ejemplos de Layouts:

RelativeLayout: Todos los elementos van colocados en relación con otro elemento cercano y/o su padre. De esta forma, podemos colocar una imagen a «15px“ de un texto.

AbsoluteLayout: Coloca los elementos en posiciones absolutas dentro de la pantalla. De esta forma podríamos poner una imagen en la posición (100,100)px. Tenemos que tener en cuenta que el punto (0,0) payday está en la parte superior izquierda de la pantalla.

TableLayout: Con este contenedor, podemos generar tablas.

Pasa saber más sobre los Layouts pinchad payday masks en este enlace: Common Layout Objects

Dependiendo del tipo de aplicación que queramos realizar, pues usaremos un Layout u otro.

Sigamos analizando los atributos de nuestro LinearLayout

android:layout_width="fill_parent"

android:layout_height="fill_parent"

Estos atributos nos permiten indicar el tamaño del Layout (o de los elementos), en este caso le indicamos que «llene al padre“, es decir, toda la pantalla estará ocupada por este Layout. Otro valor que le podemos asignar a este atributo es «wrap_content“, mediante el cual, el tamaño del Layout se ajustaría al contenido. Es posible poner valores númericos (en pixels) para indicar tamaño.

Hay una gran cantidad de atributos que podemos instant payday network asignarles a las vistas, para ver una lista completa y detallada lo mejor es visitar la Guía de Referencia.

Dentro del LinerLayout, podemos ver el siguiente código:

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello"

/>

Este es un elemento TextView, que nos permite insertar un texto en nuestra vista. Es un elemento simple y no tiene mucha complejidad. Nos volvemos a encontrar con los atributos de alto payday loans tulsa y ancho además de un nuevo atributo: android:text. Aquí apply now paydayadvanceusca es donde va el texto que aparecerá en la pantalla, podemos poner un payday 2 texto «literal“, o hacer referencia a un texto guardado en otro archivo (en este caso el archivo string.xml dentro de la carpeta values). Esta última forma es la más elegante a la hora de poner texto estático en nuestra aplicación.

Para terminar, cerramos la etiqueta del LinearLayout

</LinearLayout>

y ya tendríamos nuestro XML bien formado.

En siguientes artículos veremos algunos ejemplos más complejos de vistas.