¿Cómo agregar pie de página a ListView en Android con Kotlin?

En Android, ListView es una vista que se usa para mostrar una lista de elementos separados por un trazo. Se utiliza un adaptador ListView para proporcionar elementos desde el código principal a ListView en tiempo real. Un pie de página es cualquier cosa que se agrega al final de cualquier elemento. Entonces, un pie de página en ListView es un diseño que está presente en la parte inferior de ListView.

Entonces, en este artículo, le mostraremos cómo puede crear un diseño y agregarlo como pie de página en ListView en Android. Siga los pasos a continuación una vez que el IDE esté listo.

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Demostramos la aplicación en Kotlin, así que asegúrese de seleccionar Kotlin como idioma principal al crear un nuevo proyecto.

Paso 2: trabajar con el archivo activity_main.xml

Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_main.xml . Agregue un ListView para mostrar elementos.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
    <ListView
        android:id="@+id/list_view_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
  
</RelativeLayout>

Paso 3: crea un diseño para el pie de página (footer.xml)

Agregamos un TextView en este diseño.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is a Footer"
        android:textSize="30sp"
        tools:ignore="MissingConstraints" />
  
</androidx.constraintlayout.widget.ConstraintLayout>

Paso 4: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt . Se agregan comentarios dentro del código para comprender el código con más detalle.

package org.geeksforgeeks.listviewlfooter
  
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.ViewGroup
import android.widget.ArrayAdapter
import android.widget.ListView
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing 
        // the ListView from the layout file
        val mListView = findViewById<ListView>(R.id.list_view_1)
  
        // Declaring a list of items
        val mItems = arrayOf(
            "1", "2", "3", "4", "5", "6", "7", "8", "9", "10",
            "11", "12", "13", "14", "15", "16", "17", "18", "19", "20")
  
        // Creating an adapter for ListView
        val mAdapter = ArrayAdapter(this, android.R.layout.simple_list_item_1, mItems)
          
        // Inflating the Footer file
        val mFooter = layoutInflater.inflate(R.layout.footer, mListView, false) as ViewGroup
  
        // Adding the footer to the ListView
        mListView.addFooterView(mFooter)
          
        // Setting the adapter
        mListView.adapter = mAdapter
    }
}

Producción:

Puede ver que el pie de página se agrega en la parte inferior de ListView.