¿Cómo eliminar el divisor de elementos ListView en Android?

ListView en Android generalmente se usa para mostrar o enumerar elementos en forma de lista. Se puede hacer clic en cada elemento de la lista y la lista en sí se puede desplazar verticalmente. En general, cada elemento está separado por una línea delgada o un trazo horizontal. Esta línea se denomina divisor de elementos en Android, ya que marca la división o separación de dos elementos.

En este artículo, le mostraremos cómo puede eliminar este elemento divisor escribiendo unas pocas líneas de código. Siga el proceso que se explica 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 . Declararemos un ListView como se codifica a continuación.

<?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="match_parent"
        android:layout_height="match_parent"/>
  
</RelativeLayout>

Paso 3: trabajar con el archivo list_item.xml

El ListView anterior acepta un elemento en el formato de un diseño. Por lo tanto, el elemento se desarrollará como un diseño y luego se agregará un TextView para mostrar el texto de muestra.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  
    <TextView
        android:id="@+id/item_text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="30sp"/>
  
</RelativeLayout>

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. En el código principal, para eliminar el divisor de elementos, debemos llamar al divisor ListView y establecerlo en nulo como se muestra a continuación. 

package org.geeksforgeeks.myapplication
  
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
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)
          
        // Creating a sample text array
        val mList = arrayOf("One", "Two", "Three", "Four", "Five")
          
        // Creating ListView adapter 
        // and supplying the above array
        mListView.adapter = ArrayAdapter(this, R.layout.list_item, R.id.item_text_view, mList)
  
        // Setting the ListView divider to null
        mListView.divider = null
    }
}

Producción:

Puede ver que el divisor ListView ahora está eliminado.