이 페이지는 Cloud Translation API를 통해 번역되었습니다.

목록 및 페이징으로 데이터를 지연 로드

지연 로드 및 페이징을 사용하면 데이터를 점진적으로 로드하고 표시하여 앱에서 무한 목록을 비롯한 대규모 항목 목록을 지원할 수 있습니다. 이 기법을 사용하면 초기 로드 시간을 줄이고 메모리 사용을 최적화하여 성능을 향상할 수 있습니다.

버전 호환성

이 구현을 사용하려면 프로젝트 minSDK를 API 수준 21 이상으로 설정해야 합니다.

종속 항목

페이징된 콘텐츠 표시

Paging 라이브러리를 사용하면 로컬 저장소에서 또는 네트워크를 통해 획득한 대규모 데이터 세트의 데이터 페이지를 로드하고 표시할 수 있습니다. 다음 코드를 사용하여 진행률 표시줄을 표시하는 페이징된 목록을 표시하여 사용자에게 더 많은 데이터가 가져오고 있음을 알립니다.

@Composable
fun MessageList(
    modifier: Modifier,
    pager: Pager<Int, Message>
) {
    val lazyPagingItems = pager.flow.collectAsLazyPagingItems()

    LazyColumn {
        items(
            lazyPagingItems.itemCount,
            key = lazyPagingItems.itemKey { it.id }
        ) { index ->
            val message = lazyPagingItems[index]
            if (message != null) {
                MessageRow(message)
            } else {
                MessagePlaceholder()
            }
        }
    }
    @Composable
    fun MessagePlaceholder(modifier: Modifier) {
        Box(
            Modifier
                .fillMaxWidth()
                .height(48.dp)
        ) {
            CircularProgressIndicator()
        }
    }

    @Composable
    fun MessageRow(
        modifier: Modifier,
        message: Message
    ) {
        Card(modifier = Modifier.padding(8.dp)) {
            Column(
                modifier = Modifier.padding(8.dp),
                verticalArrangement = Arrangement.Center
            ) {
                Text(message.sender)
                Text(message.text)
            }
        }
    }
}LazyListSnippets.kt

코드 관련 핵심 사항

LazyColumn: 이 컴포저블은 대량의 항목 목록(메시지)을 효율적으로 표시하는 데 사용됩니다. 화면에 표시되는 항목만 렌더링하므로 리소스와 메모리를 절약할 수 있습니다.
lazyPagingItems 객체는 LazyColumn 내에서 페이징된 데이터의 로드 및 표시를 효율적으로 관리합니다. LazyColumn 컴포저블에서 LazyPagingItems를 items에 전달합니다.
MessageRow(message: Text)는 개별 메시지 항목을 렌더링합니다. 카드 내에 메시지의 발신자와 텍스트를 표시할 수 있습니다.
MessagePlaceholder()는 실제 메시지 데이터를 가져오는 동안 시각적 자리표시자 (로드 스피너)를 제공하여 사용자 환경을 개선합니다.