【cordova】アイコン画像の設定方法

環境

  • cordova-icon: 1.0.0

画像作成と配置

1024*1024 のサイズのアイコン画像を用意する
icon.png という名前にして res フォルダ直下に置きます

ちなみにここで画像のサイズ変更ができます
https://onlinepngtools.com/resize-png

android の場合

android の場合は config.xml に以下の行を追加するだけです
android だけが対象なので<platform name="android">タグの中に追加します

1
2
3
4
<platform name="android">
...
<icon src="res/icon.png" /> <!-- この行を追加する -->
</platform>

ios の場合

ios の場合はなぜか上のやり方だとダメなのでライブラリを利用します

ライブラリインストール

利用ライブラリ
https://www.npmjs.com/package/cordova-icon

cordova プロジェクトルートで

1
npm install cordova-icon

アイコン配布

1
cordova-icon --icon=res/icon.png

ファイル名をicon.png以外にしたら以下のエラーになった
多分icon.jpegとかは大丈夫だと思う

エラー
CompileAssetCatalog build/emulator/hoge.app hoge/Images.xcassets

エラーが出なければ、あとは普通にビルドすれば OK!

参考

https://cordova.apache.org/docs/ja/latest/config_ref/images.html

以上です。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×