Tạo kiểu cho các phần văn bản

Bạn có thể tạo kiểu cho các phần văn bản để cải thiện khả năng đọc, tăng trải nghiệm tích cực cho người dùng và khuyến khích sự sáng tạo hơn thông qua việc sử dụng màu sắc và phông chữ.

Khả năng tương thích của phiên bản

Phương thức triển khai này yêu cầu bạn phải đặt minSDK của dự án thành API cấp 21 trở lên.

Phần phụ thuộc

Tạo kiểu cho các phần văn bản

Mã sau đây hiển thị chuỗi "Hello World" bằng màu xanh dương cho chữ "H", màu đỏ cho chữ "W" và màu đen cho phần văn bản còn lại. Để đặt các kiểu khác nhau trong một thành phần kết hợp Text, hãy sử dụng mã sau:

@Composable
fun MultipleStylesInText() {
    Text(
        buildAnnotatedString {
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")

            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }
    )
}
TextSnippets.kt

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

  • Sử dụng buildAnnotatedString để trả về một chuỗi AnnotatedString nhằm đặt các kiểu khác nhau trong văn bản.
  • Định kiểu một phần văn bản bằng SpanStyle, một cấu hình cho phép định kiểu ở cấp ký tự.

Kết quả

Văn bản Hello World có nhiều kiểu
Hình 1. Một dòng văn bản có nhiều kiểu.

Các bộ sưu tập chứa hướng dẫn này

Hướng dẫn này là một phần của các bộ sưu tập Hướng dẫn nhanh được tuyển chọn này, bao gồm các mục tiêu phát triển Android rộng hơn:

Văn bản hiển thị

Văn bản là phần chính của mọi giao diện người dùng. Tìm hiểu các cách khác nhau để trình bày văn bản trong ứng dụng nhằm mang lại trải nghiệm thú vị cho người dùng.
Bộ sưu tập hướng dẫn nhanh

Bạn có câu hỏi hoặc ý kiến phản hồi

Hãy truy cập vào trang câu hỏi thường gặp để tìm hiểu về các hướng dẫn nhanh hoặc liên hệ với chúng tôi để cho chúng tôi biết suy nghĩ của bạn.
Chuyển đến phần Câu hỏi thường gặp Để lại ý kiến phản hồi