Está en la página 1de 19

Interfaces de Usuario

[Tema 4]

1 / 18
Layout

2 / 18
Layouts
Un layout es un objeto capaz de contener otros y ordenarlos según diversos
criterios. Algunos tipos son:

Frame Layout
Linear Layout
Relative Layout
Scroll View
List View
Grid View

3 / 18
FrameLayout
El FrameLayout (antiguo AbsouteLayout) el tipo más simple. Permiten
únicamente alinear los elementos que los contienen a uno de sus lados o
esquinas y poner una posición absoluta en su interior mediante coordenadas.

4 / 18
LinearLayout
Los LinearLayout permiten añadir elementos uno detrás de otro, ya sea de
forma horizontal o vertical. Esto se controla con el parámetro
android:orientation. Además, podremos ajustar el espacio que ocupará cada
elemento mediante el peso.

5 / 18
RelativeLayout
Funciona de forma muy similar al FrameLayout, pero permite posicionar los
elementos de forma relativa, es decir, según la posición de otros elementos.

6 / 18
ScrollView
Un ScrollView no es más que un layout que permite que si su hijo, ya que solo
puede tener un hijo, ocupa más del ancho o el alto de la pantalla se pueda ver
el resto haciendo scroll.

Una forma de hacer una lista sería crear un ScrollView con un LinearLayout
con una serie de views dentro, de forma que si el LinearLayout ocupa más del
alto o el ancho de la pantalla, se pueda arrastrar para ver el resto de sus
elementos.

Sin embargo, esta forma sólo es recomendable para cantidades pequeñas de


elementos, ya que en caso contrario habría que hacer cálculos sobre la
posición de un número muy grande de elementos y esto repercutiría en el
rendimiento de la aplicación.

7 / 18
ListView
Permite crear listas de forma eficiente, creando solo los elementos visibles y
reciclarlos cambiando la información de estos

8 / 18
GridView
Los GridView son muy similiares a los ListView pero permiten varias
columnas (Disculpad la presencia de Justin Bieber en la imagen).

9 / 18
Buttons
Los botones son los elementos más básicos. Disponen de varios estados como
normal, pressed, focused o disabled. Permiten detectar la pulsación de un
usuario mediante un OnClickListener

OnClickListener onClickListener = new OnClickListener() {
  @Override
  public void onClick(View v) {
    // Aquí reaccionamos al click del botón
  }
}

10 / 18
TextView
Un TextView no sirve para que el usuario aporte información, sino para darle
información a él. Es meramente un label dónde mostrar un texto.

11 / 18
EditText
Es la versión editable del TextView. El usuario podrá escribir el texto que
desee. Además podrá suministrar información sobre errores en el campo.

12 / 18
CheckBoxs y RadioButtons
Un checkbox es un TextView con la posibilidad de estar marcado o sin marcar.
Los radio buttons, son unos checkbox de los cuales solo puede selecionarse
uno.

13 / 18
Toggle Buttons y Switchs
Estos elementos son checkboxs con forma de botón. En el caso de los switchs
presentan otro diseño y solo están disponibles en Android 4.0+

14 / 18
Spinner
Un Spinner es un selector que crea una lista para poder seleccionar elementos
directamente en él.

15 / 18
ProgressBar
Las baras de proreso permiten mostrar un procentaje de progreso de una
tarea. Pueden mostrarse tanto como barra o como círculo de carga.

16 / 18
SeekBar
La seekbar es una barra cuya posición indica un valor. El usuario puede
mover el thumb para suministrar un valor.

17 / 18
Toast
Los toast son unos popups que nos permiten mostrar información al usuario
durante un epqueño espacio de tiempo.

18 / 18

También podría gustarte