Как изменить цвет текста ListView в Android?

Опубликовано: 3 Сентября, 2022

В Android ListView — это элемент пользовательского интерфейса, используемый для отображения списка элементов. Этот список можно прокручивать по вертикали, и каждый элемент в ListView можно использовать. Адаптер ListView используется для передачи элементов из основного кода в ListView в режиме реального времени. По умолчанию размер шрифта TextView равен 14 sp, а цвет — «@android:color/tab_indicator_text».

В этой статье мы покажем вам, как вы можете изменить цвет текста ListView в Android. После того как среда IDE будет готова, выполните следующие шаги.

Пошаговая реализация

Шаг 1. Создайте новый проект в Android Studio.

Чтобы создать новый проект в Android Studio, обратитесь к разделу «Как создать/запустить новый проект в Android Studio». Мы продемонстрировали приложение на Kotlin, поэтому убедитесь, что вы выбрали Kotlin в качестве основного языка при создании нового проекта.

Шаг 2: Работа с файлом activity_main.xml

Перейдите к приложению > res > layout > activity_main.xml и добавьте приведенный ниже код в этот файл. Ниже приведен код файла activity_main.xml . Мы внедрили ListView в основной файл макета.

XML




<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    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"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
  
</androidx.constraintlayout.widget.ConstraintLayout>

Шаг 3: Работа с файлом list_item.xml

Ниже приведен код макета элемента для отображения элемента в ListView. Мы добавили атрибуты textColor и textSize в TextView, чтобы изменить цвет и размер текста.

XML




<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  
    <TextView
        android:id="@+id/text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/holo_orange_dark"
        android:textSize="30sp"
        android:textStyle="bold" />
  
</RelativeLayout>

Шаг 4: Работа с файлом MainActivity.kt

Перейдите к файлу MainActivity.kt и обратитесь к следующему коду. Ниже приведен код файла MainActivity.kt . Комментарии добавляются внутри кода, чтобы понять код более подробно. В основном коде мы в первую очередь объявили массив и предоставили элементы массива в ListView с помощью адаптера.

Kotlin




package org.geeksforgeeks.changelistviewtextcolor
  
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)
  
        // Array of desired items
        val mItems: Array<String> = arrayOf("One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Zero")
             
          // Declaring and initializing the 
          // ListView from the layout file
          val mListView = findViewById<ListView>(R.id.list_view)
          
          // Creating a ListView adapter
          val mAdapter = ArrayAdapter<String>(this, R.layout.list_item, R.id.text_view, mItems)
          
          // Setting the ListView adapter 
          // with the one created above
          mListView.adapter = mAdapter
    }
}

Выход:

Вы можете видеть, что цвет и размер текста изменились в ListView.

РЕКОМЕНДУЕМЫЕ СТАТЬИ