Android: controles de la interfaz de usuario

Los controles de entrada son los componentes interactivos de la interfaz de usuario de su aplicación. Android proporciona una amplia variedad de controles que puede usar en su interfaz de usuario, como botones, campos de texto, barras de búsqueda, casillas de verificación, botones de zoom, botones de alternancia y muchos más.

Elementos de la interfaz de usuario

UNA View es un objeto que dibuja algo en la pantalla con el que el usuario puede interactuar y un ViewGroup es un objeto que contiene otros objetos View (y ViewGroup) para definir el diseño de la interfaz de usuario.

Usted define su diseño en un archivo XML que ofrece una estructura legible por humanos para el diseño, similar a HTML. Por ejemplo, un diseño vertical simple con una vista de texto y un botón se ve así:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
   
   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a Button" />
</LinearLayout>

Controles de IU de Android

Hay una serie de controles de IU proporcionados por Android que le permiten crear la interfaz gráfica de usuario para su aplicación.

No Señor. Control y descripción de la interfaz de usuario
1 Vista de texto

Este control se utiliza para mostrar texto al usuario.

2 Editar texto

EditText es una subclase predefinida de TextView que incluye amplias capacidades de edición.

3 AutoCompleteTextView

AutoCompleteTextView es una vista similar a EditText, excepto que muestra una lista de sugerencias de finalización automáticamente mientras el usuario está escribiendo.

4 Botón

Un botón que el usuario puede presionar o hacer clic para realizar una acción.

5 ImageButton

Un ImageButton es un AbsoluteLayout que le permite especificar la ubicación exacta de sus hijos. Esto muestra un botón con una imagen (en lugar de texto) que el usuario puede presionar o hacer clic en él.

6 Caja

Un interruptor de encendido / apagado que el usuario puede activar. Debe utilizar la casilla de verificación al presentar a los usuarios un grupo de opciones seleccionables que no se excluyen mutuamente.

7 Botón de activación

Un botón de encendido / apagado con indicador de luz.

8 Boton de radio

El RadioButton tiene dos estados: marcado o no marcado.

9 RadioGroup

Un RadioGroup se utiliza para agrupar uno o más RadioButtons.

10 Barra de progreso

La vista ProgressBar proporciona comentarios visuales sobre algunas tareas en curso, como cuando está realizando una tarea en segundo plano.

11 Hilandero

Una lista desplegable que permite a los usuarios seleccionar un valor de un conjunto.

12 TimePicker

La vista TimePicker permite a los usuarios seleccionar una hora del día, ya sea en modo de 24 horas o en modo AM / PM.

13 Selector de fechas

La vista DatePicker permite a los usuarios seleccionar una fecha del día.

Crear controles de IU

Los controles de entrada son los componentes interactivos de la interfaz de usuario de su aplicación. Android proporciona una amplia variedad de controles que puede usar en su interfaz de usuario, como botones, campos de texto, barras de búsqueda, casillas de verificación, botones de zoom, botones de alternancia y muchos más.

Como se explicó en el capítulo anterior, un objeto de vista puede tener una ID única asignada que identificará la Vista de manera única dentro del árbol. La sintaxis de un ID dentro de una etiqueta XML es:

android:id="@+id/text_id"

Para crear un control / vista / widget de interfaz de usuario, deberá definir una vista / widget en el archivo de diseño y asignarle una ID única de la siguiente manera:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent" 
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text_id"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
</LinearLayout>

Luego, finalmente cree una instancia del objeto Control y captúrelo del diseño, use lo siguiente:

TextView myText = (TextView) findViewById(R.id.text_id);