Android Koyu (Karanlık, Dark) Mod Kullanımı

Herkese selamlar. Bu yazıda android projesinde dark mod entegrasyonundan bahsedeceğim. Şimdiden iyi okumalar.

Android projede dark mod kullanmak için bize hazır bir yapı sağlamaktadır. Özetle yapacağımız işlemler;

• Renk ve tema bilgilerini sakladığımız colors.xml, themes.xml ve varsa styles.xml dosyalarının night mod varyantını ekleyeceğiz.
• Program kısmında dark veya light modu setleyeceğiz.

Bu yazımızda colors.xml dosyasının night mod karşılığını ekleyeceğiz. İhtiyacınız halinde aynı yöntem ile siz themes.xml ve styles.xml dosyalarını oluşturabilirsiniz.

Vakit kaybetmeden hemen başlayalım.

Dosyaların night varyantlarını ekleyelim

Android studio’dan bir proje oluşturabillirsiniz veya var olan bir projeyi açabilirsiniz.

res/values klasörüne sağ tıklıyoruz ve new->value resource file kısmını açıyoruz.

File name’ini colors.xml yazıyoruz.
Avaliable qualifiers kısmında Night Mode u seçiyoruz.
Ve ok ile Chosen qualifiers kısmına ekliyoruz.
Ok diyerek colors.xml dosyasının night mod variantını eklemiş oluyoruz.

colors klasörü altında night olarak işaretlenmiş bir tane daha colors.xml dosyasını görebilirsiniz.

Daha sonra renklerimizin light ve dark mod için renklerini ayarlıyoruz.
Benim ayarladığım renkleri aşağıda görebilirsiniz.

Ayarladığımız renkleri ihtiyacımız olan yerde her zaman kullandığınız şekilde kullanabilirsiniz.

Uygulama modunu değiştirelim

Renklerimizi ayarladık. Şimdi de uygulamanın tema modunu değiştirme kodlarını görelim.

// dark/koyu mod için
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)

// açık/light mod için
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)

// sistem varsayılan temasını kullanmak için
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_FOLLOW_SYSTEM)

Bu kodlar ile biz light veya dark hangisini setlersek uygulama bizim setlediğimiz varyantlı dosyalardaki değişkenleri kullanacaktır.

Böylece uygulamanın temasını değiştirebileceğiz.
Dilerseniz de bu değeri shared preference’ye kaydedip uygulama açıldığında setleyebilirsiniz.
Artık nasıl kullanmanız gerektiğini size kalmış 😀

Extra not

Son android studio sürümlerinde yeni bir proje oluşturduğumuda default olarak themes dosyayı light ve dark mod varyanlarıyla gelmekte. Dilerseniz tema renklerini burada verip, uygulama içerisindeki renkleri “?attr/colorPrimary” şeklinde de kullanabilirsiniz.
Uygulama modu değiştirmeyi de aynı yukarıdaki gibi yapabilirsiniz.

Özetle

1. İhtiyacımıza göre colors.xml, styles.xml, themes.xml dosyalarının night varyantını ekleyip. Night modu için renk değerlerini düzenliyoruz.
2. Uygulama içinde program ile night modunu aktifleştiriyoruz.
3. Dilersek night mod değerini shared preference veya database’e kaydedip oradan çekip uygulama açıldığında setliyoruz.

Böylece yazımızın sonuna geldik. İyi geliştirmeler 🎉