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

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

ผลลัพธ์

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

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

ความสัมพันธ์

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

โค้ดต่อไปนี้จะแสดงสตริง "Hello World" โดยใช้สีน้ำเงินสำหรับ "H" สีแดงสำหรับ "W" และสีดำสำหรับข้อความที่เหลือ หากต้องการตั้งค่าสไตล์ที่แตกต่างกันภายใน Composable 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")
        }
    )
}
TextSnippets.kt

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

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

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

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

ข้อความที่แสดง

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

คอลเล็กชันคู่มือฉบับย่อ

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

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

ไปที่คำถามที่พบบ่อย แสดงความคิดเห็น