Elementy tytułu w Jetpack Compose Glimmer

Odpowiednie urządzenia XR
Te wskazówki pomogą Ci tworzyć treści na te urządzenia XR.
Więcej informacji o typach urządzeń XR →
Okulary AI
Więcej informacji o typach urządzeń XR →

W Jetpack Compose Glimmer komponent TitleChip jest przeznaczony do wyświetlania krótkiej, nieinteraktywnej etykiety powiązanej zawartości, np. karty. Używaj elementów tytułowych, aby wyświetlać zwięzłe informacje, takie jak krótki tytuł, imię i nazwisko lub stan. Ponieważ elementy tytułu nie są interaktywne ani nie można ich zaznaczyć, pełnią one w interfejsie Glimmer Jetpack Compose wyłącznie funkcję informacyjną. Możesz na przykład umieścić element z tytułem „Składniki” obok przewijanej listy składników.

Rysunek 1. Przykład różnych stylów elementów tytułowych w Glimmerze w Jetpack Compose.

Podstawowy przykład: wyświetlanie kafelka z krótkim tytułem

Krótki tytuł możesz utworzyć za pomocą bardzo małej ilości kodu:

TitleChip { Text("Messages") }

Szczegółowy przykład: wyświetlanie elementu z tytułem na karcie

Aby użyć komponentu z tytułem z innym komponentem, umieść go TitleChipDefaults.AssociatedContentSpacing nad innym komponentem w funkcji kompozycyjnej. Poniższy kod pokazuje, jak używać elementu tytułowego z kartą:

@Composable
fun TitleChipExample() {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        TitleChip { Text("Title Chip") }
        Spacer(Modifier.height(TitleChipDefaults.AssociatedContentSpacing))
        Card(
            title = { Text("Title") },
            subtitle = { Text("Subtitle") },
            leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        ) {
            Text("Card Content")
        }
    }
}

Najważniejsze informacje o kodzie