hazırladığım bir uygulama için eklediğim splash screen…

Bu blog notumda, adobe air ile mobil uygulama geliştirirken, uygulamanızın daha profösyonel görünmesini sağlayacak bir bilgi paylaşacağım..
Eğer daha önce adobe air ile ios ve android mobil uygulama hazırladıysanız farketmiş olabilirsiniz; ios uygulama yüklerken çeşitli boyutlarda açılış ekranı görselleri eklemeniz gerekiyor…Bu durum android tarafında mecburi değil..

Adobe air ile android uygulama hazırladığınızda ve mobil cihazda denediğinizde, eğer uygulamanız için belli bir yükleme süresi gerekiyorsa, uygulamanız 50 mb’ın üzerinde ise birkaç saniye siyah ekran görünür..Bu siyah ekranın olduğu yerde uygulamanızın veya sizin logonuzun görünmesini sağlayabilirsiniz…
Buna splash screen deniyor..Oyunlarda gördüğümüz açılış logosu bu şeklide bir splash ekranından oluşuyor…
Bunun için, adobe air sdk içerisinde birkaç klasöre ekleme ve değişiklik yapmamız gerekiyor…

öncelikle Adobe air sdk içinde
AIRSDK/lib/android/lib/resources/app_entry/res/values/styles.xml
bu yolu takip ederek styles.xml dosyasının içeriğini değiştireceğiz…

Bu dosyada varsayılan olarak;

<resources>
<style name=”Theme.NoShadow” parent=”android:style/Theme.NoTitleBar”>
<item name=”android:windowContentOverlay”>@null</item>
</style>
</resources>

Böyle bir xml var..Biz bunu:

<resources>
<style name="Theme.NoShadow" parent="android:style/Theme.NoTitleBar">
<item name="android:windowBackground">@drawable/splash_background</item>
</style>
</resources>

olarak değiştiriyoruz…
Daha sonra tanımladığımız splash_backgraund için splash_backgraund.xml diye bir dosya ekleyeceğiz:
Bunun için:

AIRSDK/lib/android/lib/resources/app_entry/res/drawable/splash_background.xml

Üstte verdiğim yola ekliyoruz…
Bu dosyanın içeriğini ise:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/splash_background_color" />
<item>
<bitmap
android:gravity="center"
android:src="@mipmap/icon" />
</item>
</layer-list>

Üstte verdiğim gibi düzenliyoruz ve xml uzantılı bir belge olarak kaydediyoruz…

Ekranda görünecek fon rengini değiştirmek için ise:

AIRSDK/lib/android/lib/resources/app_entry/res/values/colors.xml

Üstte verdiğim yolda, colors.xml adlı dosyayı oluşturup, içeriğini;

<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="splash_background_color">#999CC</color>
</resources>

Üstte verdiğim şekilde değiştiriyoruz.. Gördüğünüz: #999CC benim kendim için kullandığım mor rengin renk kodu..Bu kodu kendi istediğiniz renk kodu ile değiştirin…Bu kodlar 16 lık sistemde kodlanmıştır..Herhangi bir çizim programı renk paletinde renkleri seçerek bu kodları bulabilirsiniz…

En son olarak bir backgraound imaj ekleyeceğiz…

Biraz önce oluşturduğumuz splash_backgraund.xml adlı dosyanın içeriğini alttaki gibi değiştirin:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<bitmap
android:gravity="center"
android:src="@drawable/splash_image" />
</item>
</layer-list>

Daha sonra ;

AIRSDK/lib/android/lib/resources/app_entry/res/drawable/

Üstte verdiğim yoldaki drawable klasörüne, olşturacağınız
*.png uzantılı görseli ekleyin..(splash_image.png olarak…)
Ben her ekran çözünürlünde boyut sorunu olmasın diye, tam ortada görünecek ekran çerçevesinden küçük bir logo hazırladım…Ayrıca png dosyanın arka planını transparan yaptım..Böylece splash için hazırladığınız fon rengi üzerinde logonuz daha şık duracak…

Bu şeklide işlemleri tamamladıktan sonra adobe air compiler ile Adobe Animate ya da flash builder yardımı ile uygulamamızı andoid cihazlarda test ettiğimizde artık bir açılış logomuz olduğunu görebilirsiniz…

Bu yazıda bahsedilen makale altta verdiğim blogtan alınmıştır.. Orada daha çok ayrıntı bulabilirsiniz:

https://medium.com/airnativeextensions/air-android-splash-screens-520a399f825d

Başka bir blog yazısında görüşmek üzere…

2 thoughts on “Adobe air Android uygulamaya splash screen ekleme”

  1. Bir sey danismak istiyorum, ilk siyah ekran geliyor, sonra harman logosu geliyor. Ilk bastaki siyah ekra
    da degisir mi, yoksa sizinki air’in ucretli surumu mu? Birde son air sdk 33.1.98 ile birlikte ilk bastaki siyah ekranin suresi artti, kotu oldu.

    1. Bu konuda haklısınız..Air sdk son sürümde bir yükleme gecikmesi var..Ben lisanslı sürümü kullanıyorum, başlangıçta harman logosu gözükmüyor.Ancak yine de yükleme uzun sürüyor.Siyah ekranda kalmaması için başlangıca kendi ekran imajınızı ekleyebilirsiniz..Bunu eklediğnizde bile imaj görüntlendikten sonra bir kaç saniye siyah ekran oluyor..Bu durum sdk ile ile ilgili…Umarım yeni sürümlerde bu durum giderilir.
      Kendi splash imajınızı yüklemeniz için ne yapacağınızı anlatan yukarıdaki yazıyı okuduysanız..Bu işlemleri yapabilirsiniz…başlangıçtaki siyah ekranı çözmek için…Bu makalede okuduklarınızı ÜCRETSİZ AİR SDK İLE YAPTIĞINIZDA DA SORUNSUZ ÇALIŞIYOR…YUKARIDAKİ İŞLEMLERİ AÇIKLANDIĞI ŞEKİLDE DOĞRU UYGULARSANIZ SİYAH EKRAN YERİNE SIRAYLA SİZİN LOGONUZ VE ARDINDAN HARMAN LOGOSU GÖZÜKÜYOR VE UYGULAMANIZA GEÇİYOR…
      SON bir not: uygulamanızı denediğiniz android sürümü yeni ise yükleme süresi kısalıyor..Eski cihazlarda android 6 dan öncesinde ise daha uzun bir siyah ekran oluyor…

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir