Cordova Platform ikonlarını Otomatik Oluşturma, Cordova ile uygulama oluşturduğumuzda belkide en büyük sıkıntılardan biri platform’lar için ikon ayarlamaktır aslında cordova img altındaki icon.png dosyasını çalıştığınız platformlar için otomatik olarak oluşturuyor fakat ios için 10’larca farklı boyutta ikon üretilmesi gerekiyor.
Cordova Platform ikonlarını Otomatik Oluşturma
Cordova ile uygulama oluşturduğumuzda belkide en büyük sıkıntılardan biri platform’lar için ikon ayarlamaktır aslında cordova img altındaki icon.png
dosyasını çalıştığınız platformlar için otomatik olarak oluşturuyor fakat ios için 10’larca farklı boyutta ikon üretilmesi gerekiyor ve cordova sadece bir tane ikon dosyası üretiyor buda farklı ios cihazlarında sorun oluşturabiliyor. Bu sorunu aşmak için Apache Cordova Icon Generator
paketini yüklemeniz gerekmektedir.
Desteklenen Platformlar
- iOS(iPhone ve iPad)
- Android
- Firefox OS
- Amazon Fire OS
- Windows Phone 8
Yükleme
Command Prompt
1 | npm install cordova-gen-icon -g |
Bu kütüphaneyi yüklemeden önce ImageMagick bağımlılığını kurmanız gerekmektedir.
ImageMagick Kurulumu(Windows için gerekli değildir)
Linux’da(Ubuntu)
Command Prompt
1 | apt-get install imagemagick |
Mac OS X(Homebrew)
Terminal
1 | brew install imagemagick |
Kullanım
Command Prompt
1 | cordova-gen-icon [ayarlar] |
Ayarlar
- -h, –help kullanabileceğiniz kod bilgilerini verir
- -V, –version eklenti versiyon numarasını verir
- -v, –verbose yapılan işlemleri detaylı olarak ekrana basar
- -s, –silent işlemleri sessiz bir şekilde yapar ekranda hiçbirşey yazmaz
- -a, –android Android platformu için ikonlar oluşturur.
- -i, –ios iOS platformu için ikonlar oluşturur
- -f, –firefoxos FirefoxOS platformu için ikonlar oluşturur
- -z, –amazonfire Amazon Fire OS platformu için ikonlar oluşturur
- -8, –windowsphone8 Windows Phone 8 platformu için ikonlar oluşturur
- -p, –project [path] Cordova(PhoneGap) projesi yolu
- -c, –icon [path] orjinal ikon dosya yolu
Örnek
Şimdi cordova uygulaması üzerinde deneyelim öncelikle cordova create [proje adı] [kimlik] ile cordova projesi oluşturalım ardından cordova’ya bir platform ekleyelim cordova platform add [platform] eklediğiniz platformlara ikon oluşturmak için cordova-gen-icon komutunu çalıştırın.
Command Prompt
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | C:\Users\Muhack > cordova create hello com.example.hello Creating a new cordova project with name "HelloCordova" and id "com.example.hello" at location "hello" C:\Users\Muhack > cd hello C:\Users\Muhack\hello > cordova platform add ios Creating ios project... Preparing ios project C:\Users\Muhack\hello > cordova-gen-icon Generate cordova icons with project: . icon : ./www/img/logo.png target : generate iOS icons Success generate icon set |
Web Hizmeti ile oluşturma
Tüm platformlar için ikonları ve splash ekranları görsellerini komut satırından değilde online bir web hizmeti olan http://pgicons.abiro.com/ adresine girerek Choose an icon to upload
kısmında Dosya Seç
butonuna tıklayıp tüm platformlar için oluşturulacak ikonu seçmelisiniz. Son olarak Generates Images butonuna tıklayıp platformlar için görsellerin oluşmasını sağlamış olacaksınız. Son adım olan oluşturulmuş olan görselleri indirmek için Successfully generated an image pack
linkine tıklamalısınız.