Elementy tytułu w Jetpack Compose Glimmer

Odpowiednie urządzenia XR
Te wskazówki pomogą Ci tworzyć aplikacje na te typy urządzeń XR.
Więcej informacji o typach urządzeń z XR
Okulary AI
Więcej informacji o typach urządzeń z XR

W Jetpack Compose Glimmer komponent TitleChip służy do wyświetlania krótkiej, nieinteraktywnej etykiety powiązanej z treścią, np. kartą. Używaj elementów tytułowych, aby wyświetlać zwięzłe informacje, takie jak krótki tytuł, imię i nazwisko lub stan. Chip tytułu nie jest elementem, na którym można się skupić ani z którym można wchodzić w interakcję, dlatego pełni 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.

Wyświetlany jest domyślny fragment z tytułem i przyklejony fragment z tytułem. Przyklejone elementy z tytułem są wyświetlane z obramowaniem.

  1. Etykieta elementów tytułu
  2. Opcjonalna ikona początkowa lub element

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

Krótki tytuł możesz utworzyć za pomocą niewielkiej 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 z tytułem na karcie:

@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