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

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

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

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

ทรัพยากร Dependency

สร้างรายการแบบเลื่อนแนวตั้ง

ใช้โค้ดต่อไปนี้เพื่อสร้างรายการแบบเลื่อนแนวตั้ง

@Composable
private fun ScrollBoxes() {
    Column(
        modifier = Modifier
            .background(Color.LightGray)
            .size(100.dp)
            .verticalScroll(rememberScrollState())
    ) {
        repeat(10) {
            Text("Item $it", modifier = Modifier.padding(2.dp))
        }
    }
}

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

  • ตั้งค่าลักษณะการเลื่อนของ Column ด้วยตัวแก้ไข verticalScroll และฟังก์ชัน rememberScrollState
  • หากต้องการสร้างรายการแบบเลื่อนแนวนอน ให้สร้าง Row ที่มีตัวแก้ไข horizontalScroll

ผลลัพธ์

รายการแนวตั้งที่ตอบสนองต่อท่าทางสัมผัสในการเลื่อน
รูปที่ 1 รายการแบบเลื่อนขึ้น-ลง

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

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

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

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

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