Jetpack Compose Serisi: Theming


Görsel Referansı


Selamlar, yakın zamanda Jetpack Compose ile sıfırdan uygulama geliştirme deneyimi edindim. Süreç sonunda oluşan deneyimimi neden bir seri ile paylaşmıyorum diye düşündüm ve ilk olarak tema olarak başlamayı düşündüm.


Bu seride işlenecek konular sırasıyla Theming, Responsive Ekran Oluşturma, Navigation ve Component Kullanımı olacak.

Giriş

Jetpack Compose, temayı kolayca uyarlayarak tutarlı bir görünüm elde etmenize ve Material Design'i uygulamanız için istediğiniz şekilde özelleştirilmiş bir temayı kullanmanıza olanak sağlar.


Material Theme ile temayı oluşturabilirsiniz. Eğer projeye yeni başlıyorsanız, tasarım ve renk paletleri belirli ise ilk olarak işe renk paletlerini tanımlamakla başlamak iyi bir tercih olabilir. UI geliştirdikçe her bir view elemanı için tek tek recource'a gidip font, renk, size, shape gibi bilgileri istemek mantıklı değil.


Material Theme

Görsel Referansı


Material Theme’ye bakacak olursak colors, typography ve shapes parametlerine sahip.

Bir compose projesi oluşturulduğunda UI paketi altında ilgili sınıflar sizi karşılamaktadır. Color.kt ile renk paletini, Shape.kt ile şekillerin yarıçaplarını (radius), Theme.kt ile de açık ve koyu temasını, Type.kt ile de metinlerin yazım hatalarını yöneteceğiniz sınıflardır.