Android Academy · Ders

Düğmeler ve Tıklamalar

Etkileşimli düğmeler ekleyin.

Düğmeler ve Tıklamalar, CoddyKit'te ücretsiz bir Android 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, 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.

Düğme Nedir

Düğme, dokunulabilen bir composable'dır. Kullanıcı dokunduğunda uygulamanız bir kod parçası çalıştırır.

Düğmelerin bir onClick eylemine ve genellikle bir Text etiketi olan görüntülenecek içeriğe ihtiyacı vardır.

Button(onClick = { }) {
    Text("Tap me")
}

onClick Lambda'sı

onClick parametresi, süslü parantezlerin { } içindeki kod olan bir lambda alır. Bu kod, düğmeye her basıldığında çalışır.

Buraya yazdırma veya verileri değiştirme gibi istediğiniz mantığı yerleştirebilirsiniz.

Button(onClick = {
    println("Clicked!")
}) {
    Text("Click")
}

Düğme İçeriği

Sondaki süslü parantezlerin içindeki içerik bir RowScope'tur. Text, Icons veya her ikisini de yerleştirebilirsiniz.

Çoğu düğme, eylemi açıklayan tek bir Text etiketi içerir.

Button(onClick = { }) {
    Text("Save")
}

Durum ile Tıklamaları Sayma

Dokunmalara tepki vermek için remember ve mutableStateOf ile bir değer saklayın. Değer değiştiğinde kullanıcı arayüzü güncellenir.

Burada her dokunma, count değerini bir artırır.

var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) {
    Text("Count: $count")
}

Bir Düğmeyi Devre Dışı Bırakma

enabled parametresi, bir düğmeye dokunulup dokunulamayacağını belirler. Düğmeyi gri göstermek ve tıklamaları engellemek için değerini false olarak ayarlayın.

Bu, bir form tamamlanmamışken kullanışlıdır.

Button(
    onClick = { },
    enabled = false
) {
    Text("Locked")
}

OutlinedButton

OutlinedButton, dolgu olmadan yalnızca bir kenarlık çizer. Aynı şekilde çalışır, ancak daha sade görünür.

Daha belirgin bir birincil Button'ın yanında ikincil işlemler için kullanın.

OutlinedButton(onClick = { }) {
    Text("Cancel")
}

TextButton

TextButton, kenarlık veya dolgu olmadan yalnızca bir etiket gösterir. En sade düğme stilidir.

Atla veya Daha fazla öğren gibi az vurgulanması gereken işlemler için uygundur.

TextButton(onClick = { }) {
    Text("Skip")
}

Düğme Renkleri

Bir Button'ın rengini ButtonDefaults.buttonColors ile değiştirebilir ve arka plan için containerColor belirtebilirsiniz.

Markanızla uyumlu ve okunabilir renkler seçin.

Button(
    onClick = { },
    colors = ButtonDefaults.buttonColors(
        containerColor = Color.Green
    )
) {
    Text("Go")
}

IconButton

IconButton, kalp veya menü gibi tek bir Icon için tasarlanmış, dokunulabilir küçük ve yuvarlak bir alandır.

Etiketi olmadığı için araç çubuklarında yer kazandırır.

IconButton(onClick = { }) {
    Icon(Icons.Default.Favorite, contentDescription = "Like")
}

Bir Düğmeye Şekil Verme

shape parametresi köşeleri değiştirir. Daha yuvarlak kenarlar için dp değeriyle RoundedCornerShape kullanın.

Daha büyük sayılar, kapsül biçimine benzeyen daha yumuşak düğmeler oluşturur.

Button(
    onClick = { },
    shape = RoundedCornerShape(16.dp)
) {
    Text("Rounded")
}

Tıklama İşlevlerini Adlandırma

Düzenli bir kod için onClick'e satır içi mantık yerine adlandırılmış bir işlev verin. Bu, kullanıcı arayüzünün okunabilir kalmasını sağlar.

İşlev başvurusunu aktarın veya lambda içinde çağırın.

fun onSave() { println("Saved") }
Button(onClick = { onSave() }) {
    Text("Save")
}

Kısa Kontrol

Düğmeler hakkındaki anlayışınızı test edin.

Özet

Button'ın işlemi için onClick, etiketi içinse bir içerik bloğu kullandığını öğrendiniz. remember ile tutulan durum, tıklamaların kullanıcı arayüzünü değiştirmesini sağlar.

Ayrıca OutlinedButton, TextButton ve IconButton'ı, ayrıca enabled, renkler ve şeklin nasıl ayarlanacağını gördünüz.

Sırada, padding ile aralıkları denetleyeceksiniz.

Sıkça Sorulan Sorular

“Düğmeler ve Tıklamalar” dersi ücretsiz mi?

Evet — “Düğmeler ve Tıklamalar” 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.

“Düğmeler ve Tıklamalar” dersinde ne öğreneceğim?

Etkileşimli düğmeler ekleyin. 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 2. dersidir.

“Düğmeler ve Tıklamalar” 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

← Android Academy Sayfasına Dön