はじめに
ハイブリッドアプリをAndroidの実機デバッグできましたが、
Android上のアプリのアイコンは、デフォルトのCordovaアイコンでしたので、
アプリ用のアイコンにしてみたいと思います。
アイコンの設定
アイコンの準備
以下のサイズのアイコンを用意します。
| ファイル名 | サイズ(px) |
|---|---|
| icon-ldpi.png | 36×36 |
| icon-mdpi.png | 48×48 |
| icon-hdpi.png | 72×72 |
| icon-xhdpi.png | 144×144 |
| icon-xxhdpi.png | 192×192 |
アイコンの配置
プロジェクトフォルダ直下にres/icon/androidフォルダを設けて、
上記のアイコンファイルを格納します。
設定ファイルへの追記
プロジェクトフォルダ直下のconfig.xmlに以下を追加します。
<platform name="android">
<icon density="ldpi" src="res/icon/android/icon-ldpi.png" />
<icon density="mdpi" src="res/icon/android/icon-mdpi.png" />
<icon density="hdpi" src="res/icon/android/icon-hdpi.png" />
<icon density="xhdpi" src="res/icon/android/icon-xhdpi.png" />
<icon density="xxhdpi" src="res/icon/android/icon-xxhdpi.png" />
</platform>
Android実機の実行
cordova run android --deviceで実行すると、
作成したアイコンでアプリが表示されています。
最後に・・・
結果的に設定自体は大したことないのですが、
cordovaのバージョンにより異なるようなです。
参照している本とは若干異なっていました。。。
