InterfacesAndroid

Introducción al diseño de interfaces
gráficas en Android
Índice
1

2

3

4

Vistas............................................................................................................................ 2
1.1

Crear interfaces de usuario con vistas......................................................................2

1.2

Las vistas deAndroid...............................................................................................3

Layouts......................................................................................................................... 4
2.1

Utilizando layouts.................................................................................................... 5

2.2

Optimizarlayouts.....................................................................................................6

Uso básico de vistas y layouts...................................................................................... 7
3.1

TextView..................................................................................................................7

3.2EditText....................................................................................................................7

3.3

Button.......................................................................................................................8

3.4

CheckBox.................................................................................................................9

3.5

RadioButton...........................................................................................................10

3.6

Spinner................................................................................................................... 11

3.7

LinearLayout..........................................................................................................12

3.8

TableLayout........................................................................................................... 14

3.9RelativeLayout.......................................................................................................16

Interfaces independientes de densidad y resolución...................................................17
4.1

Múltiples archivos de recurso................................................................................ 17

4.2

Indicar las configuraciones de pantalla soportadas pornuestra aplicación........... 18

4.3

Prácticas a seguir para conseguir interfaces independientes de la resolución....... 19

Copyright © 2012-13 Dept. Ciencia de la Computación e IA All rights reserved.

Introducción al diseño de interfaces gráficas en Android

En esta sesión comenzaremos a tratar el tema de la interfaz gráfica de las aplicaciones en
Android. Pero antes de empezar hemos detener en cuenta que la terminología de Android
referida a interfaces gráficas puede resultar un poco extraña al principio. Examinemos
alguno de los conceptos que trataremos en mayor profundidad a lo largo de la sesión:
• Las Vistas son la base del desarrollo de interfaces gráficas en Android. Todos los
elementos gráficos, comúnmente llamados widgets o componentes en otros entornos,
son subclases deView. Otros elementos más complejos, como agrupaciones de vistas
o layouts también heredan de esta clase. Así pues, en Android, un botón será una
vista, así como también un campo de edición de texto.
• Los Grupos de Vistas son extensiones de la vista genérica. Subclases de ViewGroup,
pueden contener múltiples vistas hijas. Los layouts son extensiones de los grupos de
vistas.
• Los Layouts sonmedios por los que organizar vistas en la pantalla del dispositivo.
Existen diferentes tipos de layout que nos permitirán disponer los elementos de la
pantalla de diversas maneras.
• Cada una de las pantallas o ventanas de nuestra aplicación se corresponderá con una
Actividad. Las actividades ya han sido tratadas en detalle en sesiones anteriores. En
Android son el equivalente de los formularios....