Jetpack Compose Glimmer में, TitleChip कॉम्पोनेंट को इस तरह से डिज़ाइन किया गया है कि यह कार्ड जैसे किसी भी कॉन्टेंट के लिए, कम शब्दों में जानकारी देने वाला लेबल उपलब्ध कराता है. इस लेबल के साथ इंटरैक्ट नहीं किया जा सकता. टाइटल चिप का इस्तेमाल करके, कम शब्दों में जानकारी दिखाई जा सकती है. जैसे, छोटा टाइटल, नाम या स्थिति. टाइटल चिप पर फ़ोकस नहीं किया जा सकता और न ही इनसे इंटरैक्ट किया जा सकता है. इसलिए, Jetpack Compose Glimmer UI में इनकी भूमिका सिर्फ़ जानकारी देने की होती है. उदाहरण के लिए, स्क्रोल की जा सकने वाली सामग्री की सूची के बगल में, "सामग्री" लेबल वाला टाइटल चिप दिया जा सकता है.
सामान्य उदाहरण: छोटा टाइटल चिप दिखाना
बहुत कम कोड का इस्तेमाल करके, छोटा टाइटल चिप बनाया जा सकता है:
TitleChip { Text("Messages") }
ज़्यादा जानकारी वाला उदाहरण: कार्ड के साथ टाइटल चिप दिखाना
किसी दूसरे कॉम्पोनेंट के साथ टाइटल चिप का इस्तेमाल करने के लिए, कंपोज़ेबल में टाइटल चिप TitleChipDefaults.AssociatedContentSpacing को दूसरे कॉम्पोनेंट के ऊपर रखें. यहां दिए गए कोड में, कार्ड के साथ टाइटल चिप का इस्तेमाल करने का तरीका बताया गया है:
@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")
}
}
}
कोड के बारे में अहम जानकारी
Spacerकी ऊंचाई तय होती है, ताकि दो कॉम्पोनेंट के बीच सही वर्टिकल स्पेस दिया जा सके. यह स्पेसTitleChipDefaults.AssociatedContentSpacingसे तय होता है.