Uzun bir aradan sonra tekrar Ionic ile merhaba. Bu yazıda ionic komut satırı aracı ile ios ve android uygulamaları için nasıl icon ve splash screen oluşturabileceğimizden bahsedeceğiz.
Önce yeni bir ionic projesi oluşturalım.
ionic start project
Oluşturulmuş mevcut bir projemiz varsa komut satırında proje ana dizinine gidelim.
resources klasörü içerisinde bulunan icon.png ve splash.png dosyaları icon ve splash screen oluşturulmak için kullanılacak olan görsel dosyaları. Default olarak ionic ikonları olan iki görsel.
- İkon yada splash screen için kullanılmasını istediğimiz görseli 2208x2208 px boyutlarında resources dosyası içerisinde icon.png yada splash.png olarak atıyoruz.
- ionic cordova resources komutu hem icon hem splash screen dosyalarının oluşturulmasını sağlar.
- Sadece icon yada sadece splash screen oluşturulmasını istiyorsak yukarıdaki komutun önüne --icon veya --splash parametresini eklemek yeterli.
Sisteminizde imagemagick kurulu ise komut satırı üzerinden istediğiniz herhangi bir görseli 2208x2208 px formatına kolayca dönüştürebilirsiniz.
Örneğin aşağıdaki görseli input.png olarak indirip;
Bu komutla beyaz bir arkaplan ile
convert input.png -gravity center -background white -extent 2208x2208 output.jpg
Yada bu komutla istediğimiz renkte bir istediğimiz boyutlara dönüştürebiliriz.
convert input.png -gravity center -background 'rgb(52, 152, 219)' -extent 2208x2208 output.jpg
Artık uygulamanız belirlediğiniz icon ve splash screen ile görüntülenecek. Sonraki yazıda görüşmez üzere.
Hiç yorum yok:
Yorum Gönder