Jetpack Compose Glimmer의 목록 항목

해당 XR 기기
이 가이드에서는 이러한 유형의 XR 기기를 위한 환경을 빌드하는 방법을 설명합니다.
XR 기기 유형 알아보기 →
디스플레이 글라스
XR 기기 유형 알아보기 →

Jetpack Compose Glimmer에서 ListItem은 콘텐츠의 단일 행을 표시하는 표준 구성요소입니다. 목록 항목은 디스플레이 글라스의 포커스 기반 상호작용을 위해 설계되었으므로 포커스를 얻으면 기본 제공 시각적 응답을 제공합니다.

이 구성요소에는 두 가지 오버로드가 있습니다. 하나는 작업을 트리거하는 항목의 onClick 매개변수가 있는 오버로드이고, 다른 하나는 클릭 작업이 필요하지 않은 정보 콘텐츠의 포커스 가능 전용 버전입니다.

그림 1. Jetpack Compose Glimmer에서 목록 항목의 스타일이 다른 두 목록의 예입니다.

목록 내 사용

목록 항목은 목록 내 행의 기본 선택사항이지만 목록은 다양한 시각적 강조를 제공하기 위해 Card 또는 TitleChip과 같은 다른 구성요소를 호스팅할 수도 있습니다.

목록 항목은 기본 텍스트에 headlineContent 슬롯을 사용하여 다른 항목에 사용되는 Card 및 TitleChip 구성요소와 정렬합니다.

예: 지원 라벨 및 아이콘이 있는 목록 항목

다음 코드는 지원 라벨과 선행 및 후행 아이콘이 모두 있는 목록 항목을 만듭니다.

@Composable
private fun ListItemWithSupportingLabelAndIcons() {
    ListItem(
        supportingLabel = { Text("Supporting Label") },
        leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        trailingIcon = { Icon(FavoriteIcon, "Localized description") },
    ) {
        Text("Primary Label")
    }
}