0Pricing
Android Academy · Ders

Önizlemeler ve Hızlı Yeniden Yükleme

Compose önizlemeleriyle hızlıca yineleyin.

Önizlemeler ve Hızlı Yeniden Yükleme, CoddyKit'te ücretsiz bir Android Academy dersidir. Bu, 4 dersinin 4. 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.

Tasarım Zamanı Önizlemeleri

Compose'un en iyi özelliklerinden biri @Preview özelliğidir: uygulamayı bir cihazda veya emülatörde çalıştırmadan, oluşturulabilir bir bileşeni Android Studio içinde görüntüleyebilirsiniz.

@Preview Açıklaması

Bir @Composable işlevinin üzerine @Preview ekleyin. Android Studio, işlevi tasarım bölmesinde oluşturur.

@Preview
@Composable
fun GreetingPreview() {
    Greeting(name = "Preview")
}

Önizlemeler Parametre Gerektirmez

Bir önizleme işlevi hiçbir bağımsız değişken olmadan çağrılabilmelidir. Bu nedenle örnek verileri sağlayan bir sarmalayıcı oluşturulabilir bileşen oluşturur, ardından bu sarmalayıcıyı önizlersiniz.

@Preview
@Composable
fun CardPreview() {
    ProfileCard(name = "Ada", followers = 42)
}

Önizleme İşlevlerini Adlandırma

Geleneksel olarak önizleme sarmalayıcıları, oluşturulabilir bileşenin adının sonuna Preview eklenerek adlandırılır; örneğin GreetingPreview. Böylece bunları bulmak kolaylaşır ve üretim ortamında kullanılmadıkları belirtilir.

Önizleme Parametreleri

@Preview, oluşturmayı ayarlamak için showBackground, name ve widthDp gibi bağımsız değişkenleri kabul eder.

@Preview(showBackground = true, name = "Light")
@Composable
fun GreetingPreview() {
    Greeting(name = "Hi")
}

showBackground

Varsayılan olarak önizlemenin arka planı saydamdır. Tasarım sırasında metni görmeyi kolaylaştıran opak bir yüzey oluşturmak için showBackground = true aktarın.

Birden Çok Önizleme

Farklı yapılandırmaları yan yana görmek için tek bir işlevin üzerinde birkaç @Preview açıklamasını art arda kullanabilirsiniz; örneğin küçük ve büyük bir genişlik için.

@Preview(name = "Phone", widthDp = 360)
@Preview(name = "Tablet", widthDp = 720)
@Composable
fun ScreenPreview() {
    HomeScreen()
}

Etkileşimli Önizleme

Android Studio, önizlemeler için Etkileşimli Mod sunar. Uygulamayı dağıtmadan, doğrudan önizlemenin içinde düğmelere tıklamanıza ve durum değişikliklerini tetiklemenize olanak tanır.

Canlı Düzenleme / Hızlı Yeniden Yükleme

Canlı Düzenleme ile oluşturulabilir bileşen gövdelerinde yaptığınız değişiklikler, tam bir yeniden derleme gerektirmeden neredeyse anında önizlemede ve hatta çalışan bir cihazda görünür. Bu, tasarım döngüsünü büyük ölçüde hızlandırır.

Önizlemeler Ücretsizdir

Önizleme işlevleri sürüm derlemenizden çıkarılır; bu nedenle çok sayıda önizleme eklemenin çalışma zamanında hiçbir maliyeti yoktur. Her oluşturulabilir bileşeni görsel olarak belgelemek ve test etmek için önizlemeleri dilediğiniz kadar kullanın.

Eksiksiz Bir Örnek

Burada bir oluşturulabilir bileşen ve onun önizlemesi yer alıyor. Anında nasıl oluşturulduğunu görmek için tasarım bölmesini açın.

@Composable
fun Badge(label: String) {
    Text(text = label, color = Color.White)
}

@Preview(showBackground = true)
@Composable
fun BadgePreview() {
    Badge(label = "NEW")
}

Hızlı Kontrol

Bir @Preview işlevi neden parametre alamaz?

Özet

Önizlemeler Compose geliştirmesini hızlandırır:

  • Bağımsız değişken almayan bir oluşturulabilir bileşenin üzerine @Preview ekleyin.
  • showBackground ve widthDp gibi seçenekleri kullanın.
  • Birden çok önizlemeyi art arda ekleyin; hızlı yineleme için Etkileşimli Mod ve Canlı Düzenleme özelliklerini kullanın.

Sıkça Sorulan Sorular

“Önizlemeler ve Hızlı Yeniden Yükleme” dersi ücretsiz mi?

Evet — “Önizlemeler ve Hızlı Yeniden Yükleme” 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.

“Önizlemeler ve Hızlı Yeniden Yükleme” dersinde ne öğreneceğim?

Compose önizlemeleriyle hızlıca yineleyin. 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 4. dersidir.

“Önizlemeler ve Hızlı Yeniden Yükleme” 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

  1. Jetpack Compose Nedir
  2. İlk Composable'ınız
  3. Metin, Görsel ve Düğme
  4. Önizlemeler ve Hızlı Yeniden Yükleme
← Android Academy Sayfasına Dön