แสดงรายการที่เลื่อนแบบซ้อนกันในรายการ

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

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

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

ทรัพยากร Dependency

ใช้การเลื่อนแนวนอนที่ซ้อนกันในรายการแนวตั้ง

โค้ดต่อไปนี้จะสร้างรายการที่เลื่อนได้ 2 ทาง แถวของรายการจะเลื่อนในแนวนอน ส่วนรายการทั้งหมด (คอลัมน์เดียว) จะเลื่อนในแนวตั้ง

@Composable
fun NestedScrollingRowsList(urls: List<String>) {
    LazyColumn {
        items(10) {
            LazyRow {
                item { Text("Row: $it") }
                items(urls.size) { index ->
                    // AsyncImage provided by Coil.
                    AsyncImage(
                        model = urls[index],
                        modifier = Modifier.size(150.dp),
                        contentDescription = null
                    )
                }
            }
        }
    }
}

ผลลัพธ์

วิดีโอต่อไปนี้แสดงลักษณะการทำงานที่เกิดขึ้นของรายการแนวนอนที่ฝังอยู่ภายในรายการแนวตั้งแบบเลื่อน

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

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

รายการและตารางกริดช่วยให้แอปแสดงคอลเล็กชันในรูปแบบที่ดึงดูดสายตาและใช้งานง่ายสำหรับผู้ใช้
ดูวิธีที่ฟังก์ชันคอมโพสิเบิลช่วยให้คุณสร้างคอมโพเนนต์ UI ที่สวยสะดุดตาตามระบบการออกแบบ Material Design ได้อย่างง่ายดาย
ชุดวิดีโอนี้จะแนะนำ Compose API ต่างๆ โดยแสดงสิ่งที่มีให้ใช้งานและวิธีใช้อย่างรวดเร็ว

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

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