W Jetpack Compose Glimmer komponent Text jest rozszerzeniem podstawowego komponentu tekstowego i umożliwia ustawianie różnych właściwości tekstu, takich jak kolor, rozmiar czcionki, styl czcionki, grubość czcionki, rodzina czcionek, odstępy między literami i wyrównanie tekstu. Komponent Jetpack Compose GlimmerText jest wyjątkowy, ponieważ inteligentnie zarządza dopasowywaniem kolorów. Jeśli na przykład nie określono zastąpienia koloru, tekst domyślnie przyjmuje kolor treści podany przez najbliższą powierzchnię w hierarchii interfejsu.
Przykład: tworzenie nagłówka tekstowego w ramce
@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")
}
}
}
}
}
Najważniejsze informacje o kodzie
Kompozycja
Buttonjest automatycznie interaktywna, ma tłoColors.surface, a tekst jest automatycznie ustawiany na:- style =
GlimmerTheme.typography.bodyMedium - color =
GlimmerTheme.Colors.surface
- style =