Düzenler, Değiştiriciler ve Tema Oluşturma
Material ile uyarlanabilir paylaşılan ekranlar oluşturun.
Düzenler, Değiştiriciler ve Tema Oluşturma, CoddyKit'te ücretsiz bir Kotlin Multiplatform Academy dersidir. Bu, 4 dersinin 2. 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, Kotlin Multiplatform Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Kotlin Multiplatform Academy kursu toplamda 4 dersten oluşur.
Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.
Three Layout Building Blocks
Almost every screen is built from Column, Row and Box. Column stacks children vertically, Row places them side by side, Box layers them.
Column {
Text("Top")
Text("Bottom")
}Rows Place Items Side by Side
A Row arranges its children horizontally. Reach for it when you want a label and a value, or an icon next to text, on one line.
Row {
Text("Price:")
Text("$9")
}Box for Stacking
A Box overlaps its children on the same spot. It is perfect for a badge on top of an avatar or text centered over an image.
Box {
Image(painter, null)
Text("New")
}Modifiers Shape Everything
A Modifier adjusts size, spacing, background and more. You chain calls in order, and the order genuinely changes the result.
Text(
"Hi",
modifier = Modifier.padding(16.dp)
)Order Matters in Chains
Modifiers apply top to bottom. Padding before background insets the color, while background before padding fills behind the padding. Read them like steps.
Modifier
.background(Blue)
.padding(8.dp)Fill and Size the Space
Use fillMaxWidth, fillMaxSize or fixed size to control how much room a composable claims inside its parent layout.
Column(Modifier.fillMaxSize()) {
Text("Stretched")
}Arrangement and Alignment
Layout parameters like Arrangement and Alignment position children, for example centering a Row or spacing items evenly across it.
Row(
horizontalArrangement = Arrangement.SpaceBetween
) { }Theming with MaterialTheme
Wrap your app in MaterialTheme to supply a color scheme, typography and shapes. Every Material component reads from it automatically.
MaterialTheme(colorScheme = darkColorScheme()) {
App()
}Read Theme Values Anywhere
Inside the theme you access tokens through MaterialTheme.colorScheme and typography, so your styling stays consistent across every shared screen.
Text(
"Title",
color = MaterialTheme.colorScheme.primary
)Adapt to Each Platform
The same layout code runs everywhere, yet you can branch on size or platform to make screens adaptive for phones, tablets and desktops.
Consistent by Default
Because layouts, modifiers and theming are all shared, your Android and iOS screens look the same without anyone duplicating styling work.
Quick Check
What does a Modifier do?
Recap: Layout, Modify, Theme
You stacked UI with Column, Row and Box, shaped it with chained modifiers, and applied a shared MaterialTheme so every platform stays consistent. 🎨
Sıkça Sorulan Sorular
“Düzenler, Değiştiriciler ve Tema Oluşturma” dersi ücretsiz mi?
Evet — “Düzenler, Değiştiriciler ve Tema Oluşturma” 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 Kotlin Multiplatform Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Kotlin Multiplatform Academy kursu toplamda 4 dersten oluşur.
“Düzenler, Değiştiriciler ve Tema Oluşturma” dersinde ne öğreneceğim?
Material ile uyarlanabilir paylaşılan ekranlar oluşturun. Kotlin Multiplatform 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.
Kotlin Multiplatform Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Kotlin Multiplatform 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 2. dersidir.
“Düzenler, Değiştiriciler ve Tema Oluşturma” 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 Kotlin Multiplatform Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Kotlin Multiplatform 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
- Compose Multiplatform'ı Etkinleştirme
- Düzenler, Değiştiriciler ve Tema Oluşturma
- Paylaşılan Kullanıcı Arayüzünde Durum ve Yeniden Oluşturma
- Paylaşılan Kullanıcı Arayüzünü iOS ve Masaüstünde Barındırma