Google ใช้เทคโนโลยี AI เพื่อแปลเนื้อหาเป็นภาษาที่คุณต้องการ การแปลโดย AI อาจมีข้อผิดพลาด

GRid

Grid เป็น Jetpack Compose API ที่ช่วยให้คุณใช้เลย์เอาต์ 2 มิติได้อย่างยืดหยุ่น API นี้ช่วยให้คุณแสดงรายการในเลย์เอาต์แบบหลายคอลัมน์หรือหลายแถวที่ปรับให้เข้ากับขนาดคอนเทนเนอร์ที่ใช้ได้

Grid แตกต่างจาก Composable ที่คล้ายกันอย่างไร

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

นอกจากนี้ คุณยังใช้เลย์เอาต์ 2 มิติได้ด้วยการรวมคอมโพสิเบิล Row และ Column หลายรายการเข้าด้วยกัน อย่างไรก็ตาม วิธีการนี้มีข้อเสียบางประการ เช่น ลำดับชั้นที่ลึกและปรับตัวได้ยาก

ตารางต่อไปนี้แสดงภาพรวมของเลย์เอาต์ที่เหมาะกับ API แต่ละรายการ

ส่วนประกอบ	วัตถุประสงค์
`LazyVerticalGrid`, `LazyStaggeredGrid`, `LazyHorizontalGrid`	การแสดงภาพชุดข้อมูลขนาดใหญ่ที่เป็นเนื้อเดียวกันซึ่งต้องใช้การโหลดแบบ Lazy Loading
`Row`, `Column`, `FlexBox`	เลย์เอาต์แบบ 1 มิติ
`Grid`	เลย์เอาต์ 2 มิติ

คำศัพท์

ทำความคุ้นเคยกับคำศัพท์ต่อไปนี้เพื่อทำความเข้าใจวิธีการทำงานของ Grid

เส้นตารางกริด

ตารางกริดประกอบด้วยเส้นที่พาดผ่านในแนวนอนและแนวตั้ง หากตารางกริดมี 3 แถว ก็จะมีเส้นแนวนอน 4 เส้น ซึ่งรวมถึงเส้นที่อยู่หลังแถวสุดท้ายด้วย ในรูปภาพต่อไปนี้ เส้นประแต่ละเส้นแสดงถึงเส้นตาราง

**รูปที่ 2** ตารางกริดประกอบด้วยเส้นแนวนอน 4 เส้นและเส้นแนวตั้ง 3 เส้น

แทร็กตารางกริด

แทร็กตารางกริดคือพื้นที่ระหว่างเส้นตารางกริด 2 เส้น แทร็กแถวจะอยู่ระหว่างเส้นแนวนอน 2 เส้น และแทร็กคอลัมน์จะอยู่ระหว่างเส้นแนวตั้ง 2 เส้น หากต้องการกำหนดขนาดของแทร็กเหล่านี้ ให้กำหนดขนาดเมื่อคุณสร้างตารางกริด