Metin, Görsel ve Düğme
Temel yerleşik composable'ları kullanın.
Metin, Görsel ve Düğme, CoddyKit'te ücretsiz bir Android 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, Android Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Android Academy kursu toplamda 4 dersten oluşur.
Yerleşik Birleştirilebilir İşlevler
Compose, yaygın kullanıcı arayüzleri için hazır birleştirilebilir işlevlerle birlikte gelir. Sürekli kullanacağınız üç işlev Text, Image ve Button'dır.
Text Birleştirilebilir İşlevi
Text bir dize görüntüler. En önemli parametresi text'tir.
@Composable
fun Title() {
Text(text = "My App")
}Metni Biçimlendirme
Text; fontSize, color ve fontWeight gibi birçok biçimlendirme parametresini kabul eder.
Text(
text = "Big Bold",
fontSize = 24.sp,
color = Color.Blue,
fontWeight = FontWeight.Bold
)sp ve dp
Yazı tipi boyutları, kullanıcının erişilebilirlikteki yazı tipi boyutu ayarına uymaları için .sp (ölçekten bağımsız pikseller) kullanır. Düzen boyutları ise .dp (yoğunluktan bağımsız pikseller) kullanır.
Metin için sp, diğer her şey için dp kullanın.
Image Birleştirilebilir İşlevi
Image bir resim görüntüler. Bir çizilebilir kaynağı yüklemek için painterResource kullanın ve erişilebilirlik için her zaman contentDescription sağlayın.
Image(
painter = painterResource(id = R.drawable.logo),
contentDescription = "App logo"
)contentDescription
contentDescription, ekran okuyucular tarafından sesli okunur. Anlam taşımayan dekoratif resimler için null geçirin. Anlamlı resimler için kısa bir açıklama verin.
Button Birleştirilebilir İşlevi
Button, tıklanabilir bir öğedir. Temel parametresi, dokunulduğunda çalıştırılan bir lambda olan onClick'tir. Düğmenin etiketi, içerik lambdasına, genellikle bir Text'e yazılır.
Button(onClick = { /* do something */ }) {
Text(text = "Tap me")
}Tıklamalara Yanıt Verme
onClick lambdasına mantığınızı yazarsınız: durumu güncelleme, gezinme veya bir işlev çağırma.
Button(onClick = { println("Clicked!") }) {
Text(text = "Log")
}İçerik Lambdaları
Button'ın sondaki bir içerik lambdasını aldığını fark edin. İçine yerleştirdiğiniz her şey düğmenin içeriği olarak oluşturulur; bu nedenle düğme yalnızca bir etiket değil, bir simgeyle birlikte metin de içerebilir.
Button(onClick = { }) {
Text(text = "Save")
}Birleştirme
Gerçek kullanıcı arayüzleri bu birleştirilebilir işlevleri birlikte kullanır. Burada bir başlık, resim ve düğme Column içinde üst üste yerleştirilir.
@Composable
fun Card() {
Column {
Text(text = "Profile")
Image(
painter = painterResource(id = R.drawable.avatar),
contentDescription = "Avatar"
)
Button(onClick = { }) { Text("Follow") }
}
}Çok Daha Fazlası Var
Bu üçünün yanı sıra Compose; TextField, Icon, Checkbox, Switch ve daha birçok bileşen sunar. Aynı kalıp geçerlidir: parametreleri ve içerik lambdalarını geçirin.
Hızlı Kontrol
Kullanıcı dokunduğunda kodunuzu çalıştıran Button parametresi hangisidir?
Özet
Üç temel oluşturulabilir bileşenle tanıştınız:
Text— metinleri gösterir;fontSizevecolorile biçimlendirilir (sp kullanın).Image—painterResource+contentDescription.Button—onClicklambda'sı ve bir içerik lambda'sı.
Sıkça Sorulan Sorular
“Metin, Görsel ve Düğme” dersi ücretsiz mi?
Evet — “Metin, Görsel ve Düğme” 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 Android Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Android Academy kursu toplamda 4 dersten oluşur.
“Metin, Görsel ve Düğme” dersinde ne öğreneceğim?
Temel yerleşik composable'ları kullanın. Android 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.
Android Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Android 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.
“Metin, Görsel ve Düğme” 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 Android Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Android 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 Nedir
- İlk Composable'ınız
- Metin, Görsel ve Düğme
- Önizlemeler ve Hızlı Yeniden Yükleme