ใน Jetpack Compose Glimmer คอมโพเนนต์ Text จะสร้างขึ้นจากข้อความพื้นฐาน
และช่วยให้คุณตั้งค่าพร็อพเพอร์ตี้ข้อความต่างๆ เช่น สี ขนาดแบบอักษร รูปแบบแบบอักษร
น้ำหนักแบบอักษร ชุดแบบอักษร ระยะห่างระหว่างตัวอักษร และการจัดข้อความ คอมโพเนนต์ Glimmer ของ Jetpack Compose
มีเอกลักษณ์เฉพาะตัวเนื่องจากจัดการการจับคู่สี
ได้อย่างชาญฉลาด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 =