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.
