Kā izveidot RecyclerView Jetpack Compose?

Jetpack Compose nav RecyclerView tradicionālajā izpratnē. Lai attēlotu sarakstus, tiek izmantoti LazyColumn (vertikāliem sarakstiem) un LazyRow (horizontāliem sarakstiem). Tie nodrošina līdzīgu efektivitāti, atkārtoti izmantojot elementus.

LazyColumn piemērs:

import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material.Text
import androidx.compose.runtime.Composable

@Composable
fun SimpleList(itemsList: List<String>) {
    LazyColumn {
        items(itemsList) { item ->
            Text(text = item)
        }
    }
}

Analīze:

• LazyColumn: Komponējama funkcija, kas attēlo elementus vertikālā sarakstā, izveidojot tos pēc nepieciešamības.
• items(itemsList) { item -> ... }: Paplašinājums LazyListScope, kas ļauj iterēt pa datu sarakstu (itemsList) un katram elementam (item) izsaukt nodrošināto Composable lambda bloku. Šajā blokā tiek noteikts, kā izskatīsies katrs saraksta elements.
• Text(text = item): Vienkārša bērnu komponenta, kas attēlo pašreizējā elementa tekstu.

Galvenās LazyColumn/LazyRow īpašības:

• Efektivitāte: Elementi tiek izveidoti un komponēti tikai tad, kad tie kļūst redzami ekrānā vai ir tuvu malai. Tas samazina atmiņas patēriņu un uzlabo veiktspēju lielos sarakstos.
• Vienkāršība: Vienkāršots API salīdzinājumā ar RecyclerView, kas neprasa izveidot adapteri, ViewHolder un dzīves cikla pārvaldību.
• Komponējams pirmais: Pilnībā integrējas ar citām Compose funkcijām.

Var izmantot itemsIndexed, lai piekļūtu katra elementa indeksam:

import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.itemsIndexed
import androidx.compose.material.Text
import androidx.compose.runtime.Composable

@Composable
fun IndexedList(itemsList: List<String>) {
    LazyColumn {
        itemsIndexed(itemsList) { index, item ->
            Text(text = "Item at index $index: $item")
        }
    }
}

Lai veiktu sarežģītāku uzvedību (piemēram, dažādu skatījumu tipu), var izmantot items vai item pārslodzi:

import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material.Text
import androidx.compose.runtime.Composable

sealed class ListItem {
    data class TextItem(val content: String) : ListItem()
    data class ImageItem(val url: String) : ListItem()
}

@Composable
fun MixedList(itemsList: List<ListItem>) {
    LazyColumn {
        items(itemsList) { item ->
            when (item) {
                is ListItem.TextItem -> Text(text = item.content)
                is ListItem.ImageItem -> {
                    // Šeit var parādīt attēlu, piemēram, ar Image funkciju
                    Text(text = "Image: ${item.url}") // Aizstājējs
                }
            }
        }
    }
}