Jetpack Compose Glimmer에서 Text 구성요소는 기본 텍스트를 기반으로 하며 색상, 글꼴 크기, 글꼴 스타일, 글꼴 두께, 글꼴 모음, 글자 간격, 텍스트 정렬과 같은 다양한 텍스트 속성을 설정할 수 있습니다. Jetpack Compose Glimmer Text 구성요소는 색상 일치를 지능적으로 관리한다는 점에서 고유합니다. 예를 들어 색상 재정의가 지정되지 않으면 텍스트는 UI 계층 구조에서 가장 가까운 서피스에서 제공하는 콘텐츠 색상으로 기본 설정됩니다.
예: 상자에 텍스트 제목 만들기
@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 =