แสดงรายการการแบ่งหน้า

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

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

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

ทรัพยากร Dependency

สร้างรายการการแบ่งหน้า

คุณสามารถกําหนดค่ารายการแบบแบ่งหน้าในแนวนอนหรือแนวตั้ง ทั้งนี้ขึ้นอยู่กับการวางแนวที่จําเป็นสําหรับแอป โค้ดต่อไปนี้จะสร้างรายการแบบแบ่งหน้าในแนวนอนที่แสดง 10 รายการ

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

  • คอมโพสิเบิล HorizontalPager มีรายการรายการที่เลื่อนในแนวนอนได้
    • หากต้องการสร้างรายการการแบ่งหน้าแนวตั้ง ให้ใช้คอมโพสิเบิล VerticalPagerแทน
  • แต่ละหน้าในรายการจะมีออบเจ็กต์ Text ที่แสดงสตริง "หน้า" และหมายเลขดัชนีหน้า
  • อินสแตนซ์ของ rememberPagerState() จะเก็บสถานะของหน้าไว้เมื่อผู้ใช้ไปยังหน้าอื่น และแสดงหน้าเดิมเมื่อผู้ใช้กลับมา

ผลลัพธ์

รูปที่ 1 การสาธิต HorizontalPager

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

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

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

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

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