Android Studio Widgets Tutorial: TextView, Button, RadioButton y más | Tutorial Android

 Android Studio Widgets Tutorial

Introducción

Bienvenido a esta guía sobre widgets en Android Studio. En este tutorial aprenderás a utilizar los principales elementos de la interfaz de usuario, cómo configurarlos y sus propiedades básicas para crear aplicaciones más interactivas.

Los widgets son los bloques fundamentales de cualquier actividad en Android: desde mostrar texto hasta botones y interruptores.

---

¿Qué son los Widgets en Android?

Los widgets son componentes de la interfaz que permiten al usuario interactuar con la aplicación o recibir información visual. Cada widget tiene propiedades específicas que se pueden configurar, como ID, texto, tamaño de fuente, color, estilos y más.

---

Principales Widgets en Android Studio

1. Plain TextView

El TextView básico se utiliza para mostrar texto en la pantalla. Es útil para etiquetas o contenido estático.

Propiedades clave:

• ID: Identificador único.
• TEXT: Texto que se mostrará.
• TEXTSIZE: Tamaño de la letra.
• TEXTCOLOR: Color del texto.
• FONTFAMILY: Tipo de fuente.
• TEXTSTYLE: Negrita, cursiva, normal, etc.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Plain TextView"
    android:id="@+id/PlainTextView"/>

2. Large TextView

Este widget es similar al anterior, pero con tamaño de texto grande, ideal para encabezados o títulos.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="Large Text"
    android:id="@+id/LargeText"/>

3. Medium TextView

Muestra texto con tamaño medio. Útil para subtítulos o información secundaria.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:text="Medium Text"
    android:id="@+id/MediumText"/>

4. Small TextView

Para texto pequeño, como descripciones o notas.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceSmall"
    android:text="Small Text"
    android:id="@+id/textView4"/>

5. Button

El Button permite al usuario ejecutar acciones en tu app.

Propiedades clave:

ID, TEXT, TEXTSIZE, TEXTCOLOR, FONTFAMILY, TEXTSTYLE

• BACKGROUND: color de fondo
• ONCLICK: método que se ejecuta al pulsar el botón

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New Button"
    android:id="@+id/button"/>

6. Small Button

Botón más compacto, usando un estilo predefinido.

<Button
    style="?android:attr/buttonStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New Button"
    android:id="@+id/button2"/>

7. RadioButton

Permite al usuario seleccionar una opción entre varias.

<RadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New RadioButton"
    android:id="@+id/radioButton"/>

8. CheckBox

Casilla de verificación con dos estados: activado o desactivado.

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New CheckBox"
    android:id="@+id/checkBox"
    android:checked="false"/>

9. Switch

Interruptor de encendido/apagado.

<Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New Switch"
    android:id="@+id/switch1"
    android:checked="false"/>

10. ToggleButton

Botón que alterna entre ON y OFF.

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New ToggleButton"
    android:id="@+id/toggleButton"/>

Preguntas frecuentes (FAQ)

1. ¿Qué es un Widget en Android Studio?

Un Widget es un elemento de la interfaz de usuario que permite mostrar información o interactuar con el usuario dentro de una actividad de Android.

2. ¿Cuál es la diferencia entre TextView, Large TextView y Small TextView?

• TextView: texto normal.
• Large TextView: tamaño grande, ideal para títulos o encabezados.
• Small TextView: texto más pequeño, útil para notas o descripciones.

3. ¿Cómo se usa un Button en Android?

El Button permite ejecutar acciones. Se le asigna un ID, texto, tamaño y un método OnClick que define la función al pulsarlo.

4. ¿Qué diferencia hay entre Switch y ToggleButton?

• Switch: interruptor clásico ON/OFF.
• ToggleButton: botón que alterna entre estados ON/OFF, con apariencia de botón.