In Jetpack Compose Glimmer, il componente Text si basa sul testo di base e consente di impostare varie proprietà del testo, come colore, dimensione, stile, spessore e famiglia del carattere, oltre alla spaziatura tra le lettere e all'allineamento del testo. Il componente Glimmer Text di Jetpack Compose è unico nel suo genere in quanto gestisce in modo intelligente la corrispondenza dei colori. Ad esempio, se non viene specificato alcun override del colore, il testo assume per impostazione predefinita il colore dei contenuti fornito dalla superficie più vicina nella gerarchia dell'interfaccia utente.
Esempio: crea un'intestazione di testo in una casella
@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")
}
}
}
}
}
Punti chiave sul codice
Il componente componibile
Buttonè automaticamente interagibile, ha uno sfondoColors.surfacee il testo è impostato automaticamente su:- style =
GlimmerTheme.typography.bodyMedium - color =
GlimmerTheme.Colors.surface
- style =