Jetpack Compose Glimmer'daki başlık çipleri

Uygun XR cihazlar
Bu kılavuz, bu tür XR cihazlar için deneyimler oluşturmanıza yardımcı olur.
XR cihaz türleri hakkında bilgi edinin →
Yapay Zeka Gözlükleri
XR cihaz türleri hakkında bilgi edinin →

Jetpack Compose Glimmer'da TitleChip bileşeni, Kart gibi ilişkili içerikler için kısa ve etkileşimli olmayan bir etiket sağlamak üzere tasarlanmıştır. Kısa başlık, ad veya durum gibi kısa bilgileri göstermek için başlık çipleri kullanın. Başlık çipleri odaklanılabilir veya etkileşimli olmadığından Jetpack Compose Glimmer kullanıcı arayüzünde tamamen bilgilendirici bir rol oynar. Örneğin, kaydırılabilir bir içerik listesinin yanında "İçindekiler" etiketli bir başlık çipi sağlayabilirsiniz.

Şekil 1. Jetpack Compose Glimmer'daki bazı farklı başlık çipleri stillerinin örneği.

Varsayılan başlık çipi ve sabit başlık çipi gösterilir. Sabit başlık çipleri ana hatlarıyla gösterilir.

  1. Başlık çipleri etiketi
  2. İsteğe bağlı olarak baştaki simge veya öğe

Temel örnek: Kısa başlık çipi görüntüleme

Çok az kodla kısa bir başlık çipi oluşturabilirsiniz:

TitleChip { Text("Messages") }

Ayrıntılı örnek: Kartla birlikte başlık çipi görüntüleme

Başlık çipini başka bir bileşenle kullanmak için başlık çipini TitleChipDefaults.AssociatedContentSpacing composable'da diğer bileşenin üzerine yerleştirin. Aşağıdaki kodda, kartla birlikte başlık çipinin nasıl kullanılacağı gösterilmektedir:

@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")
        }
    }
}

Kodla ilgili önemli noktalar