รายการใน Jetpack Compose Glimmer

อุปกรณ์ XR ที่รองรับ
คำแนะนำนี้จะช่วยคุณสร้างประสบการณ์การใช้งานสำหรับอุปกรณ์ XR ประเภทนี้
Display Glasses

ใน Jetpack Compose Glimmer ListItem คือคอมโพเนนต์มาตรฐานสำหรับ การแสดงเนื้อหาแถวเดียว รายการได้รับการออกแบบมาสำหรับการโต้ตอบที่เน้นการโฟกัสของแว่นตาแสดงผล จึงมีการตอบสนองด้วยภาพในตัวเมื่อได้รับโฟกัส

คอมโพเนนต์นี้มีการโอเวอร์โหลด 2 รายการ ได้แก่ รายการที่มีพารามิเตอร์ onClick สำหรับรายการที่ทริกเกอร์การดำเนินการ และเวอร์ชันที่โฟกัสได้เท่านั้นสำหรับเนื้อหาข้อมูลที่ไม่ต้องมีการคลิก

รูปที่ 1 ตัวอย่างรายการ 2 รายการที่มีรูปแบบรายการที่แตกต่างกันใน Jetpack Compose Glimmer

การใช้งานภายในรายการ

รายการข้อมูลเป็นตัวเลือกหลักสำหรับแถวภายในรายการ แต่รายการยังโฮสต์คอมโพเนนต์อื่นๆ ได้ด้วย เช่น Card หรือ TitleChip เพื่อให้การเน้นภาพที่แตกต่างกัน

รายการจะใช้ช่อง headlineContent สำหรับข้อความหลักเพื่อให้สอดคล้องกับคอมโพเนนต์ Card และ TitleChip ที่ใช้สำหรับรายการอื่นๆ

ตัวอย่าง: รายการที่มีป้ายกำกับและไอคอนสนับสนุน

โค้ดต่อไปนี้สร้างรายการพร้อมป้ายกำกับที่รองรับ รวมถึงไอคอนทั้งด้านหน้า และด้านหลัง

@Composable
private fun ListItemWithSupportingLabelAndIcons() {
    ListItem(
        supportingLabel = { Text("Supporting Label") },
        leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        trailingIcon = { Icon(FavoriteIcon, "Localized description") },
    ) {
        Text("Primary Label")
    }
}