¿Cómo cambiar el color de fondo de los elementos de ListView en Android?

En Android, ListView es un elemento de diseño que se usa para mostrar elementos en una lista. Esta es la forma más simple de mostrar una lista o array de elementos y se puede elegir entre diseños predesarrollados para mostrar un elemento sin crear un diseño separado, a diferencia de otras vistas similares. Cada elemento de esta vista es un diseño independiente y se diferencia por un trazo horizontal.

En este artículo, le mostraremos cómo puede cambiar el fondo del diseño del elemento en ListView al hacer clic 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 como se muestra 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 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.lvitembgchngonclick
  
import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.AdapterView
import android.widget.ArrayAdapter
import android.widget.ListView
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Creating a list of items
        val mList = arrayOf("Android", "IOS", "Windows", "BlackberryOS", "WebOS", "Ubuntu", "Windows7", "Max OS X")
  
        // Declaring and initializing the ListView from 
        // the layout and setting an adapter to display the list
        val mListView = findViewById<ListView>(R.id.list_view_1)
        mListView.adapter = ArrayAdapter(this, android.R.layout.simple_list_item_1, mList)
  
        // Change the item layout background on touch to red
        mListView.onItemClickListener = AdapterView.OnItemClickListener { _, view, _, _ ->
            view.setBackgroundColor(Color.RED)
        }
    }
}

Producción:

Puede ver que cuando tocamos/hacemos clic en cualquier elemento, el fondo del diseño de ese elemento cambia a rojo.