MaterialTheme ve Renk Şemaları
Uygulama paletinizi tek bir yerde tanımlayın.
MaterialTheme ve Renk Şemaları, CoddyKit'te ücretsiz bir Jetpack Compose Academy dersidir. Bu, 4 dersinin 1. 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.
One Theme to Rule Them
MaterialTheme is the wrapper that hands colors, fonts, and shapes to every Composable inside it, so you style your app in one place. 🎨
Wrap Your App
You usually wrap your whole UI in your app theme, which calls MaterialTheme at its core. Everything inside then reads from that single source.
AppTheme {
// your screens go here
}The colorScheme Slot
The first thing colorScheme defines is your palette: the named colors every Material component reaches for automatically.
MaterialTheme(
colorScheme = lightColorScheme()
) { /* app */ }Roles, Not Raw Colors
Material 3 uses color roles like primary and surface instead of raw hex everywhere, so components stay consistent and easy to retheme.
primary & onPrimary
The primary role is your brand color for key actions, and onPrimary is the readable color drawn on top of it, like white text on a blue button.
Surfaces & Backgrounds
The surface and background roles paint cards, sheets, and the screen behind everything, while onSurface keeps content legible on them.
Build a Light Scheme
You craft a palette with lightColorScheme, overriding only the roles you care about and letting sensible defaults fill the rest.
val scheme = lightColorScheme(
primary = Color(0xFF1A73E8)
)Read a Color in Code
Inside any Composable you grab theme colors through MaterialTheme.colorScheme, so a color change in the theme flows everywhere at once.
val c = MaterialTheme.colorScheme.primaryTint a Surface
Pass a role into a Composable and it stays on-theme; here a Surface paints itself with the primary color from the active colorScheme.
Surface(color = MaterialTheme.colorScheme.primary) {
Text("Hi")
}Container Roles
Roles like primaryContainer give softer, tonal backgrounds for chips and highlights, paired with onPrimaryContainer for their text.
Retheme in Seconds
Because components ask the theme for colors, swapping one colorScheme instantly restyles the entire app, with no per-widget edits. ✨
Quick Check
Where do your app-wide colors live in Material 3?
Recap: One Palette, Everywhere
You wrapped your app in MaterialTheme, defined a colorScheme of roles, and read colors back in code so one palette styles the whole UI. 🎉
Yapay zeka eğitmeniyle Kotlin öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 30
- Dersler
- 120
Sıkça Sorulan Sorular
“MaterialTheme ve Renk Şemaları” dersi ücretsiz mi?
Evet — “MaterialTheme ve Renk Şemaları” 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.
“MaterialTheme ve Renk Şemaları” dersinde ne öğreneceğim?
Uygulama paletinizi tek bir yerde tanımlayın. 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 1. dersidir.
“MaterialTheme ve Renk Şemaları” 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
- MaterialTheme ve Renk Şemaları
- Tipografi ve Şekil Belirteçleri
- Koyu Mod ve Dinamik Renk
- Özel Tasarım Sistemi Oluşturma