在 Jetpack Compose Glimmer 中,Text 组件基于基本文本构建,可让您设置各种文本属性,例如颜色、字号、字体样式、字体粗细、字体系列、字间距和文本对齐方式。Jetpack Compose Glimmer Text 组件的独特之处在于,它可以智能地管理颜色匹配。例如,如果未指定颜色替换,文本会默认采用界面层次结构中最近的 surface 提供的颜色。
示例:在方框中创建文字标题
@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 =