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

Geçerli 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 →

XR cihaz türleri hakkında bilgi edinin →

Jetpack Compose Glimmer'daki TitleChip bileşeni, bir kart gibi ilişkili içerik 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 ve öz 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.

Temel örnek: Kısa bir 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

• Spacer, iki bileşen arasında TitleChipDefaults.AssociatedContentSpacing ile tanımlanan doğru dikey aralığı sağlamak için sabit bir yüksekliğe sahiptir.