Jetpack Compose Academy · Ders

Uyarlanabilir ve Sabit Izgara Hücreleri

Izgaraları ekran genişliğine duyarlı hâle getirin.

Uyarlanabilir ve Sabit Izgara Hücreleri, CoddyKit'te ücretsiz bir Jetpack Compose Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Jetpack Compose Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Two Ways to Size Cells

A grid needs to know how wide its columns are. Compose offers two strategies: Fixed column counts and Adaptive minimum widths. 📐

Fixed Recap

You already met GridCells.Fixed(n). It always shows n columns, so cells grow or shrink to fit the screen width.

columns = GridCells.Fixed(3)

The Problem With Fixed

On a phone, 3 columns look great. On a tablet, those same 3 columns become awkwardly wide. Fixed does not adapt to bigger screens.

Enter Adaptive

With GridCells.Adaptive(minSize), you specify a minimum cell width. Compose fits as many columns as possible, then stretches them to fill.

columns = GridCells.Adaptive(minSize = 120.dp)

How Adaptive Counts

Compose divides the available width by your minSize to decide the column count. A wider screen simply gets more columns, automatically.

Responsive by Default

Adaptive grids look right on phones, foldables, and tablets without any extra code. One minSize value handles every screen. 📱

Choosing a minSize

Pick a minSize that keeps content readable at its smallest. Too tiny and cells feel cramped; too large and small phones show one column.

GridCells.Adaptive(minSize = 96.dp)

When Fixed Still Wins

Use Fixed when the design demands an exact count, like a 7-day calendar week that must always be 7 columns wide.

GridCells.Fixed(7)

Mixing With Spacing

Both strategies pair with arrangements. The minSize in Adaptive is measured before spacing, so leave room for your gaps.

LazyVerticalGrid(
    columns = GridCells.Adaptive(120.dp),
    horizontalArrangement = Arrangement.spacedBy(8.dp)
) { }

LazyHorizontalGrid Too

The same Fixed and Adaptive cells work in LazyHorizontalGrid, which scrolls sideways and fills rows top to bottom.

LazyHorizontalGrid(rows = GridCells.Adaptive(80.dp)) { }

A Simple Rule

Default to Adaptive for content galleries so they scale across devices. Reserve Fixed for layouts that need a precise, meaningful column count.

Quick Check

Pick the responsive choice.

Recap: Sizing Cells

You compared Fixed exact counts with Adaptive minimum widths. Adaptive scales across devices; Fixed locks an intentional column count. 🎯

Sıkça Sorulan Sorular

“Uyarlanabilir ve Sabit Izgara Hücreleri” dersi ücretsiz mi?

Evet — “Uyarlanabilir ve Sabit Izgara Hücreleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Jetpack Compose Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.

“Uyarlanabilir ve Sabit Izgara Hücreleri” dersinde ne öğreneceğim?

Izgaraları ekran genişliğine duyarlı hâle getirin. Jetpack Compose Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Jetpack Compose Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Jetpack Compose Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Uyarlanabilir ve Sabit Izgara Hücreleri” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Jetpack Compose Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Jetpack Compose Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Jetpack Compose Academy Sayfasına Dön