Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

เริ่มใช้งาน

หน้านี้จะอธิบายวิธีใช้เลย์เอาต์ Grid เบื้องต้น

ตั้งค่าโปรเจ็กต์

เพิ่มไลบรารี androidx.compose.foundation.layout ลงใน lib.versions.toml ของโปรเจ็กต์

[versions]
compose = "1.12.0-alpha02"

[libraries]
androidx-compose-foundation-layout = { group = "androidx.compose.foundation", name = "foundation-layout", version.ref = "compose" }

เพิ่มทรัพยากร Dependency ของไลบรารีลงใน build.gradle.kts ของแอป
```
dependencies {
    implementation(libs.androidx.compose.foundation.layout)
}
```

สร้างตารางกริดพื้นฐาน

ตัวอย่างต่อไปนี้จะสร้างตารางกริดพื้นฐานขนาด 2x3 โดยคอลัมน์และแถวมีขนาดคงที่ 100.dp

Grid(
    config = {
        repeat(2) {
            column(100.dp)
        }
        repeat(3) {
            row(100.dp)
        }
    }
) {
    Card1(containerColor = PastelRed)
    Card2(containerColor = PastelGreen)
    Card3(containerColor = PastelBlue)
    Card4(containerColor = PastelPink)
    Card5(containerColor = PastelOrange)
    Card6(containerColor = PastelYellow)
}DefineGrid.kt

**รูปที่ 1** ตารางกริดพื้นฐานประกอบด้วยแถวและคอลัมน์ที่มีขนาดคงที่

ดูวิธีใช้ตารางกริดขั้นสูงเพิ่มเติมได้ที่ ดู ตั้งค่าพร็อพเพอร์ตี้ของคอนเทนเนอร์ และ ตั้งค่าพร็อพเพอร์ตี้ของไอเทม

ภาพรวม

ตั้งค่าพร็อพเพอร์ตี้ของคอนเทนเนอร์