Jetpack Compose Glimmer में, Text कॉम्पोनेंट, बुनियादी टेक्स्ट पर आधारित होता है. इसकी मदद से, टेक्स्ट की अलग-अलग प्रॉपर्टी सेट की जा सकती हैं. जैसे, रंग, फ़ॉन्ट का साइज़, फ़ॉन्ट स्टाइल, फ़ॉन्ट वेट, फ़ॉन्ट फ़ैमिली, अक्षरों के बीच की दूरी, और टेक्स्ट अलाइनमेंट. Jetpack Compose Glimmer Text कॉम्पोनेंट खास है, क्योंकि यह रंग मैचिंग को स्मार्ट तरीके से मैनेज करता है. उदाहरण के लिए, अगर रंग बदलने की सुविधा के बारे में कोई जानकारी नहीं दी गई है, तो टेक्स्ट का रंग डिफ़ॉल्ट रूप से, यूज़र इंटरफ़ेस (यूआई) हैरारकी में सबसे नज़दीकी सर्फ़ेस के कॉन्टेंट के रंग पर सेट हो जाता है.
उदाहरण: बॉक्स में टेक्स्ट हेडिंग बनाना
@Composable
fun GlimmerStyleSample() {
GlimmerTheme {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Text(
text = "This is a sample heading",
color = GlimmerTheme.colors.secondary
)
Spacer(modifier = Modifier.height(16.dp))
Button(onClick = { /* Handle Click */ }) {
Text(text = "Sample Button")
}
}
}
}
}
कोड के बारे में अहम जानकारी
Buttonकंपोज़ेबल के साथ अपने-आप इंटरैक्ट किया जा सकता है. इसमेंColors.surfaceबैकग्राउंड होता है. साथ ही, टेक्स्ट अपने-आप इस पर सेट हो जाता है:- style =
GlimmerTheme.typography.bodyMedium - color =
GlimmerTheme.Colors.surface
- style =