Estudiante

Módulo 2: Diseño de la interfaz de usuario: Vistas y Layouts
Creación de una interfaz de usuario por códigoVeamos un primer ejemplo de cómo crear una interfaz de usuario utilizando exclusivamente código. Esta no es la forma recomendable de trabajar con Android, sin embargo resulta interesante para discutir algunos conceptos.
Ejercicio paso a paso: Creación del interfaz de usuario por código1.    Abre el proyecto creado en el capítulo anterior y visualiza MainActivity.java
2.    Comenta la última sentencia del programa y añade las tres que se muestran a continuación en negrita:
 @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.activity_main);
        TextView texto = new TextView(this);        texto.setText("Hello, Android");
        setContentView(texto);
    }
Nota sobre Java: Para poder utilizar el objeto TexView has de importar un nuevo paquete, para ello añade al principio “import android.widget.TextView;”. Otra alternativa es pulsar Ctrl-Shift-O, para que se añadan automáticamente los paquetes que faltan.
La interfaz de usuario de Android está basada en una jerarquía deobjetos descendientes de la clase View(vista). Una vista es un objeto que se puede dibujar y se utiliza como un elemento en el diseño de la interfaz de usuario (un botón, una imagen, una etiqueta de texto como en el utilizado en el ejemplo,…). Cada uno de estos elementos se define como una subclase de la clase View; la subclase para representar un texto es TextView.
El ejemplo comienza creando unobjeto de la clase TextView. El constructor de la clase acepta como parámetro una instancia de la clase Context (contexto). Un contexto es un manejador del sistema que proporciona servicios como la resolución de recursos, obtención de acceso a bases de datos o preferencias. La claseActivity es una subclase de Context, y como la clase MainActivity es una subclase de Activity, también estipo Context. Por ello, puedes pasar this (el objeto actual de la clase MainActivity) como contexto delTextView.
Después se define el contenido del texto que se visualizará en el TextView mediante setText(CharSequence). Finalmente, mediante setContentView()se indica la vista utilizada por la actividad.
3.    Ejecuta el proyecto para verificar que funciona.

Creación de una interfaz de usuario usando XMLEnel ejemplo anterior hemos creado la interfaz de usuario directamente en el código. A veces puede ser muy complicado programar interfaces de usuario, ya que pequeños cambios en el diseño pueden corresponder a complicadas modificaciones en el código. Un principio importante en el diseño de software es que conviene separar todo lo posible el diseño, los datos y la lógica de la aplicación.
Androidproporciona una alternativa para el diseño de interfaces de usuario: los ficheros de diseño basados en XML. Veamos uno de estos ficheros. Para ello accede al fichero res/layout/activity_main.xml de nuestro proyecto. Se muestra a continuación. Este layout o fichero de diseño proporciona un resultado similar que el ejemplo de diseño por código anterior:
<RelativeLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >
    <TextView 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
 android:layout_centerHorizontal="true"
 android:layout_centerVertical="true"      android:text="@string/hello_world" />
</RelativeLayout>
Resulta sencillo interpretar su significado. Se introduce un elemento de tipo  RelativeLayout, como se estudiará más adelante su función es contener otros elementos de tipo View. Este RelativeLayout tiene cinco atributos. Los dos primeros, xmlns:android,y  xmlns:tools son  declaraciones de  espacios de nombres de XML...