จัดรูปแบบข้อความบางส่วน

คุณจัดรูปแบบข้อความบางส่วนเพื่อปรับปรุงความสามารถในการอ่าน เพิ่มประสบการณ์การใช้งานที่ดีให้แก่ผู้ใช้ และส่งเสริมความคิดสร้างสรรค์ให้มากขึ้นได้โดยใช้สีและแบบอักษร

ความเข้ากันได้ของเวอร์ชัน

การใช้งานนี้กำหนดให้โปรเจ็กต์ของคุณตั้งค่า minSDK เป็น API ระดับ 21 ขึ้นไป

ทรัพยากร Dependency

จัดรูปแบบข้อความบางส่วน

โค้ดต่อไปนี้แสดงสตริง "Hello World" โดยใช้สีน้ำเงินสำหรับ "H" สีแดงสำหรับ "W" และสีดําสําหรับข้อความที่เหลือ หากต้องการตั้งค่าสไตล์ที่แตกต่างกันภายในคอมโพสิเบิล Text รายการเดียว ให้ใช้โค้ดต่อไปนี้

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

ประเด็นสำคัญเกี่ยวกับรหัส

  • ใช้ buildAnnotatedString ที่แสดงผลสตริง AnnotatedString เพื่อตั้งค่ารูปแบบต่างๆ ภายในข้อความ
  • จัดรูปแบบบางส่วนของข้อความด้วย SpanStyle ซึ่งเป็นการกำหนดค่าที่อนุญาตให้จัดรูปแบบระดับอักขระ

ผลลัพธ์

 ข้อความ Hello World ที่มีหลายสไตล์
รูปที่ 1 บรรทัดข้อความที่มีหลายสไตล์

คอลเล็กชันที่มีคู่มือนี้

คู่มือนี้เป็นส่วนหนึ่งของคอลเล็กชันคู่มือฉบับย่อที่มีการดูแลจัดการ ซึ่งครอบคลุมเป้าหมายการพัฒนา Android ที่กว้างขึ้น ดังนี้

ข้อความเป็นส่วนสําคัญของ UI ดูวิธีต่างๆ ที่คุณสามารถนำเสนอข้อความในแอปเพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่น่าพึงพอใจ

หากมีคำถามหรือความคิดเห็น

ไปที่หน้าคำถามที่พบบ่อยเพื่อดูคู่มือฉบับย่อหรือติดต่อเราเพื่อบอกความคิดเห็นของคุณ