Jetpack Compose'da @Preview Annotation

Bu mobide, Jetpack Compose'un harika özelliklerinden bir olan @Preview annotation hakkında bilgi sahibi olacaksınız.


Görsel Referansı


@Preview Annotation Nedir?


@Preview annotation; Jetpack Compose kullanımıyla hayatımıza girmiş olan ve yapmış olduğunuz değişiklikleri ön izlemek için kullanabileceğiniz bir ön izleme yeteneğidir. Yapacak olduğunuz ön izlemeler sayesinde uygulamanızı çalıştırmadan başlıkları, yükseklikleri, genişlikleri, arka plan gibi değişken seçenekleri stillendirmenize, oluşturulmadan önceki halini görmenize olanak tanır.


@Preview Nasıl Eklenir?


Herhangi bir yapılandırmaya gerek duymadan @Preview annotation kullanımı için Compose’u projede aktif etmiş olmanız yeterli olacaktır.



Herhangi bir değişiklik yapmadan küçük bir @Preview örneği ile başlayın ve Android Studio içindeki görünümünü bir göz atın.



Preview Annotation ile:

  • Başlık Ekleme

  • Yükseklik Ekleme

  • Genişlik Ekleme

  • Arka Plan Ekleme

  • Emülatör’de Ön İzleme

  • Gruplandırma

gibi özellikleri yapabilirsiniz.


Yapmış olduğunuz ön izlemelerdeki DefaultPriview; başlıkları, yükseklikleri, genişlikleri, arka planları gibi özellikleri değiştirilebilir.

name argümanını verirseniz, ön izleme alanınızda verilen başlık kısmında vermiş olduğunuz isim görüntülenecektir. Aynı sınıfta birden fazla ön izleme ekleyebilecek olduğunuzdan bu işinizi kolaylaştıracaktır.