Aplicación de Contactos con Fragments

Descripción

Esta es una aplicación Android que demuestra el uso correcto de Fragments. La aplicación muestra un listado de contactos en un fragment y los detalles del contacto seleccionado en otro fragment, utilizando FrameLayout como contenedor moderno.

Características

• ✅ Uso de Fragments con FrameLayout (método moderno)
• ✅ Patrón de comunicación entre Fragments mediante interfaces
• ✅ Lista de contactos interactiva
• ✅ Pantalla de detalles de contacto
• ✅ Interfaz dividida en dos secciones

Estructura del Proyecto

LoginAndroid/
├── app/
│   ├── src/
│   │   └── main/
│   │       ├── java/com/loginandroid/
│   │       │   ├── ContactsActivity.kt       # Activity principal con 2 fragments
│   │       │   ├── ContactListFragment.kt    # Fragment con lista de contactos
│   │       │   ├── ContactDetailFragment.kt  # Fragment con detalles del contacto
│   │       │   ├── Contact.kt                # Modelo de datos
│   │       │   ├── LoginActivity.kt          # Actividad existente de login
│   │       │   └── EcommerceActivity.kt      # Actividad de ecommerce existente
│   │       └── res/
│   │           └── layout/
│   │               ├── activity_contacts.xml      # Layout principal (2 FrameLayout)
│   │               ├── fragment_contact_list.xml  # Layout del fragment de lista
│   │               └── fragment_contact_detail.xml # Layout del fragment de detalles
│   └── build.gradle.kts
├── build.gradle.kts
└── gradle.properties

Dependencias

• AndroidX Fragment: 1.6.2
• AndroidX Navigation: 2.7.5

Cómo usar

1. Clonar el repositorio

git clone https://github.com/tu-usuario/fragments.git
cd fragments

2. Abrir en Android Studio

• File → Open → Selecciona la carpeta del proyecto

3. Ejecutar la aplicación

• Conecta un dispositivo o emulador Android
• Click en Run o presiona Shift+F10

Funcionalidad

1. La aplicación muestra un ContactsActivity con dos fragments lado a lado
2. El fragment de la izquierda (ContactListFragment) muestra una lista de contactos
3. Al hacer clic en un contacto de la lista, se actualiza el fragment de la derecha
4. El fragment de la derecha (ContactDetailFragment) muestra los detalles del contacto seleccionado:
   • Nombre
   • Apellidos
   • Teléfono
   • Dirección

Patrón de Comunicación

Se utiliza el patrón Listener Interface para la comunicación entre fragments:

interface OnContactSelectedListener {
    fun onContactSelected(contact: Contact)
}

Implementación de Mejores Prácticas

✅ Uso de FragmentContainerView alternativa moderna (FrameLayout) ✅ Fragments creados en onCreateView sin métodos obsoletos ✅ Navegación fluida entre fragments ✅ Gestión correcta del ciclo de vida

Autor

Nombre del Alumno

Rubrica de Evaluación

• Fragmentos (50%): Uso correcto de FragmentContainerView, cambio fluido entre fragments
• Video (30%): Demostración clara de la funcionalidad
• GitHub (20%): Repositorio bien estructurado con .gitignore y README.md