RecyclerView es un componente de la interfaz de usuario en Android que permite mostrar grandes conjuntos de datos de manera eficiente. Es una versión más avanzada y flexible de ListView. En esta lección, aprenderemos cómo configurar y utilizar RecyclerView en una aplicación Android.

1. ¿Qué es RecyclerView?
2. Configuración de RecyclerView en tu proyecto
3. Creación del layout para los ítems
4. Implementación del Adapter
5. Configuración del LayoutManager
6. Ejemplo práctico
7. Ejercicio práctico
8. Conclusión

RecyclerView es un widget de la biblioteca de soporte de Android que se utiliza para mostrar grandes conjuntos de datos de manera eficiente. Proporciona:

• Reutilización de vistas: Recicla las vistas de los ítems que ya no son visibles para mejorar el rendimiento.
• Flexibilidad en el diseño: Permite usar diferentes tipos de LayoutManagers para organizar los ítems.
• Animaciones: Soporta animaciones para añadir, eliminar y mover ítems.

Para usar RecyclerView, primero debes agregar la dependencia en tu archivo build.gradle:

Crea un archivo XML para definir el diseño de cada ítem en la lista. Por ejemplo, item_layout.xml:

El Adapter es responsable de crear las vistas para los ítems y vincular los datos a estas vistas. Aquí hay un ejemplo de un Adapter básico:

El LayoutManager es responsable de organizar los ítems en RecyclerView. Los más comunes son LinearLayoutManager y GridLayoutManager.

Vamos a crear una aplicación simple que muestre una lista de elementos usando RecyclerView.

Crea una aplicación que muestre una lista de contactos con nombre y número de teléfono usando RecyclerView. Cada ítem debe tener un botón que permita eliminar el contacto de la lista.

1. Crear el layout para los ítems (contact_item.xml):

   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal"
       android:padding="16dp">
   
       <TextView
           android:id="@+id/contact_name"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"
           android:textSize="18sp"
           android:textColor="@android:color/black" />
   
       <TextView
           android:id="@+id/contact_number"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"
           android:textSize="14sp"
           android:textColor="@android:color/darker_gray" />
   
       <Button
           android:id="@+id/delete_button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Delete" />
   </LinearLayout>
   

2. Crear la clase de datos (Contact.kt):

   data class Contact(val name: String, val number: String)
   

3. Implementar el Adapter (ContactAdapter.kt):

   class ContactAdapter(private val contactList: MutableList<Contact>) : RecyclerView.Adapter<ContactAdapter.ContactViewHolder>() {
   
       class ContactViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
           val name: TextView = itemView.findViewById(R.id.contact_name)
           val number: TextView = itemView.findViewById(R.id.contact_number)
           val deleteButton: Button = itemView.findViewById(R.id.delete_button)
       }
   
       override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ContactViewHolder {
           val view = LayoutInflater.from(parent.context).inflate(R.layout.contact_item, parent, false)
           return ContactViewHolder(view)
       }
   
       override fun onBindViewHolder(holder: ContactViewHolder, position: Int) {
           val contact = contactList[position]
           holder.name.text = contact.name
           holder.number.text = contact.number
           holder.deleteButton.setOnClickListener {
               contactList.removeAt(position)
               notifyItemRemoved(position)
               notifyItemRangeChanged(position, contactList.size)
           }
       }
   
       override fun getItemCount(): Int {
           return contactList.size
       }
   }
   

4. Configurar RecyclerView en la actividad (MainActivity.kt):

   class MainActivity : AppCompatActivity() {
   
       override fun onCreate(savedInstanceState: Bundle?) {
           super.onCreate(savedInstanceState)
           setContentView(R.layout.activity_main)
   
           val recyclerView: RecyclerView = findViewById(R.id.recycler_view)
           recyclerView.layoutManager = LinearLayoutManager(this)
   
           val contactList = mutableListOf(
               Contact("John Doe", "123-456-7890"),
               Contact("Jane Smith", "098-765-4321"),
               Contact("Sam Wilson", "555-555-5555")
           )
   
           recyclerView.adapter = ContactAdapter(contactList)
       }
   }
   

En esta lección, hemos aprendido cómo usar RecyclerView para mostrar listas de datos de manera eficiente en una aplicación Android. Hemos cubierto la configuración básica, la creación de layouts para los ítems, la implementación del Adapter y la configuración del LayoutManager. Además, hemos realizado un ejercicio práctico para reforzar los conceptos aprendidos.

RecyclerView es una herramienta poderosa y flexible que te permitirá crear interfaces de usuario complejas y eficientes en tus aplicaciones Android. En el próximo módulo, exploraremos más componentes y técnicas avanzadas para mejorar aún más tus habilidades de desarrollo en Android.