Văn bản trong Jetpack Compose Glimmer

Các thiết bị XR áp dụng
Hướng dẫn này giúp bạn tạo trải nghiệm cho các loại thiết bị XR này.
Tìm hiểu về các loại thiết bị thực tế mở rộng (XR) →
Kính AI
Tìm hiểu về các loại thiết bị thực tế mở rộng (XR) →

Trong Jetpack Compose Glimmer, thành phần Text được xây dựng dựa trên văn bản cơ bản và cho phép bạn đặt nhiều thuộc tính văn bản như màu sắc, kích thước phông chữ, kiểu phông chữ, độ đậm của phông chữ, bộ phông chữ, khoảng cách giữa các chữ cái và căn chỉnh văn bản. Thành phần Glimmer Text của Jetpack Compose có điểm đặc biệt là có thể quản lý một cách thông minh việc so khớp màu. Ví dụ: nếu không chỉ định chế độ ghi đè màu, văn bản sẽ mặc định là màu nội dung do bề mặt gần nhất cung cấp trong hệ phân cấp giao diện người dùng.

Ví dụ: Tạo tiêu đề dạng văn bản trong một hộp

@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")
                }
            }
        }
    }
}

Các điểm chính về mã