atolyepapirus

Adobe air Android uygulamaya splash screen ekleme

Bu blog notumda, adobe air ile mobil uygulama geliştirirken, uygulamanızın daha profesyonel 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…