j2me

Módulo 2: Diseño de la interfaz de usuario: Vistas y Layouts
Infórmate
Contenidos
Creación de una interfaz de usuario por código
Creación de una interfaz de usuario usando XML
Test - Creación de una interfaz por código y XML
Test - El fichero R.java
Edición visual de las vistas
Test - Edición visual de vistas
Atributos de la clase View
Atributos de la clase TextView
Test -Atributos de la clase View y TextView
Los Layouts en Android
Test - Tipos de Layouts
Una aplicación de ejemplo: Asteroides
Test - Atributos de los Layouts
Recursos alternativos
Test - Recursos alternativos
Tipos de recursos y recursos del sistema
Acceso a los recursos
Estilos y temas en Android
Los estilos
Heredar de un estilo propio
Los temas
Test - Estilos y temas
Usode Vistas y Layouts
Acceder y modificar las propiedades de las vistas por código
Test - Uso de Vistas y Layouts
Examen . Módulo 2
Material complementario: Referencia clase View y sus descendientes
Encuesta módulo 2 (creada por 2ª vez)
Vídeo
Edición visual de las vistas
Tipos de recursos y recursos del sistema
Acceso a los recursos
Estilos y temas en Android
Creación de unainterfaz de usuario por código
Veamos 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ódigo
1. Abre el proyecto creado en el capítulo anterior y visualiza MainActivity.java2. 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 TexViewhas 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 de objetos descendientes de la clase View(vista). Una vista es un objeto que se puede dibujar y se utiliza como un elemento en el diseñode 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 un objeto de la clase TextView. El constructor de la clase acepta como parámetro una instancia de la clase Context (contexto). Uncontexto 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 es tipo Context. Por ello, puedes pasar this (el objeto actual de la clase MainActivity) como contexto delTextView.
Después se define elcontenido 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 XML
En el ejemplo anterior hemos creado la interfaz de usuario directamente en el código. A veces puede ser muy complicado programarinterfaces 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.
Android proporciona una alternativa para el diseño de interfaces de usuario: los ficheros de diseño basados en XML. Veamos uno de estos...