Skip to content

Repository files navigation

Tarea 1: App Móvil con Fragmentos y Componentes UI

Aplicando las diferentes funciones como botones, información, cajas de texto y barras de carga.

UI Demo App - Catálogo de Interfaz de Usuario en Android

Descripción de la App

Esta es una aplicación nativa para Android, desarrollada en Kotlin. Su objetivo principal es servir como un catálogo interactivo que demuestra la implementación y el comportamiento de los componentes de Interfaz de Usuario (UI) más utilizados en Android, gestionados a través de Fragments y navegación inferior (Bottom Navigation).

La aplicación está estructurada en una Activity principal que actúa como contenedor dinámico para 5 Fragments distintos, cada uno enfocado en una categoría específica de vistas:

  1. Textos (TextFieldsFragment): Demuestra el uso de EditText y TextInputLayout con diferentes tipos de entrada (texto normal y contraseñas ocultas), además de interacción en tiempo real.
  2. Botones (ButtonsFragment): Muestra la jerarquía visual de Material Design usando botones principales, secundarios (outlined), ImageButtons y un FloatingActionButton (FAB).
  3. Selección (SelectionFragment): Implementa un formulario temático interactivo utilizando CheckBox (selección múltiple), RadioGroup/RadioButton (selección única) y SwitchMaterial (estados binarios).
  4. Listas (ListsFragment): Ejemplifica el uso eficiente de memoria mediante un RecyclerView y un Adapter personalizado para mostrar una colección de datos interactiva.
  5. Información (InfoFragment): Despliega elementos visuales pasivos y de estado, combinando ImageView para gráficos estáticos y una interacción dinámica entre un SeekBar y un ProgressBar.

El proyecto destaca por tener un código limpio, modular y un diseño unificado basado en tarjetas (CardViews) con una paleta de colores personalizada.


Capturas de Pantalla

Textos Botones Selección
Fragmento Textos Fragmento Botones Fragmento Selección
Listas Información
Fragmento Listas Fragmento Información

Instrucciones de Uso

Requisitos Previos

  • Android Studio (versión Koala o superior recomendada).
  • SDK de Android configurado (API 24 o superior).
  • Un emulador (AVD) o un dispositivo físico Android conectado en modo depuración (Developer Options).

Cómo ejecutar el proyecto

  1. Descarga o clona este repositorio en tu computadora local.
  2. Abre Android Studio y selecciona "File" > "Open...".
  3. Navega hasta la carpeta del proyecto que acabas de descargar y haz clic en "OK".
  4. Espera unos momentos a que Gradle sincronice las dependencias del proyecto (verás una barra de progreso en la parte inferior).
  5. En la barra de herramientas superior, selecciona tu emulador o dispositivo físico en el menú desplegable.
  6. Haz clic en el botón verde "Run" (el ícono de Play) o presiona Shift + F10.

Navegación por la App

Una vez que la aplicación esté abierta en el dispositivo:

  • Utiliza la barra de navegación inferior (BottomNavigationView) para cambiar de sección de manera instantánea.
  • Interactúa con los elementos de cada pantalla: escribe en los campos de texto, presiona los botones, selecciona las preferencias del formulario, haz scroll en la lista y desliza la barra de progreso.
  • La aplicación proporcionará retroalimentación en pantalla (textos actualizados) o mediante mensajes emergentes (Toasts) para confirmar que la interacción fue exitosa.

About

App Móvil aplicando las diferentes funciones como botones, información, cajas de texto, loads.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages