Cordova Platform ikonlarını Otomatik Oluşturma

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 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

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

Mac OS X(Homebrew)

Terminal

Kullanım

Command Prompt

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

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.

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın