iOS 13 ile Dark Mode
Herkese merhaba. Bugün WWDC19'da tanıtılan ve iOS 13 ile birlikte gelecek olan Dark Mode’u yakından inceleyeceğiz ve uygulamalarımıza nasıl dahil edebiliriz bunu öğreneceğiz.
Uygulamalarınıza Dark Mode’u dahil etmek istiyorsanız Xcode beta sürümünü indirmeniz gerekiyor.
Beta Sürüm Nasıl İndirilir?
Son Beta sürüm olan Beta 3'ü indireceğiz.
Beta sürümünü inidirip kurduktan sonra kodlamaya geçebiliriz.
Dark Mode Entegrasyonu
Öncelikle boş bir proje açalım.
Sonra iki tane View elementini üst üste koyalım. Default renkler beyazdır. Ayırt edebilmek için renklerini değiştiriyoruz.
Sonra iki View elementini kodumuza bağlayalım. Sarı olan View elementine ‘firstView’, mavi olan View elementine ise ‘secondView’ adını verelim.
Dark mode ile birlikte ekrandaki arayüz elemanlarının renklerinin nasıl değişeceğini belirlemek için sistem arkaplan renklerini kullanacağız. Dark Mode ile ilgili tasarım yazımızda bu konuya tekrar değineceğiz.
Kodları yazdıysanız uygulamamızı çalıştıralım. İlk etapta uygulamamız sol taraftaki iPhone gibi görünecek.
Görüldüğü gibi standart olarak siyahın ve beyazın 3 farklı tonu bulunmaktadır.
Simulator’de Dark Mode Aktivasyonu
Ayarlar’dan Developer seçeneğini buluyoruz.
Daha sonra Dark Appearance seçeneğini aktif hale getiriyoruz.
Ve artık Simulator karanlık modda çalışıyor!
Simulator artık karanlık modda çalıştığına göre uygulamamızı çalıştırabiliriz.
Dark Mode kodlarımız sorunsuz bir şekilde çalışıyor.
Farklı UI Elementleri Ekleyelim
Farklı UI elementlerinin Dark Mode ile nasıl çalıştığını deneyimlemek için projemize UISegmentedControl ekleyelim. Daha sonra bir de UILabel ekleyelim.
Sonradan eklediğimiz elementleri de kodumuza ekleyelim ve sistem renklerinden bir tanesini verelim.
Uygulamamızı Çalıştıralım
Uygulamamızı Dark Mode görünümüne entegre ettik. Gördüğünüz gibi bu işlem oldukça kolay 😁 Bir sonraki yazımızda görüşmek dileğiyle. İyi çalışmalar dilerim. Dilerseniz projeyi aşağıdan indirebilirsiniz. 😁