Cordova3.5.0でのアイコン変更

先ほどの投稿にも記載した、私が深みにハマったCordova(PhoneGap)でアイコンを変更する方法について、共有です。

アイコン変更前

  1. 「Node.js command prompt」を起動。
  2. cordovaのプロジェクトのホームディレクトリに移動
    cd C:\cordova\Html5Daily ※私の環境の場合
  3. ビルド&実行。
    cordova run android
  4. アイコンは下記の通りデフォルトのものとなっている。
    アイコン変更前

アイコン差し替え

  1. エクスプローラ等でアイコンの配置場所
    「ホームディレクトリ\platforms\android\res」を開く。
    アイコン配置場所
  2. 下記のフォルダ配下のicon.pngを変更したいファイルに差し替える。
    drawable
    drawable-ldpi
    drawable-mdpi
    drawable-hdpi
    drawable-xhdpi
    drawable-xxhdpi
  3. Node.js のコマンドプロンプト上で再ビルド&実行。
    cordova run android
  4. これでアイコンが変わるはず・・・あれっ変わらない。。。
    前はこれで出来たのにと思いつつ格闘すること20分ほど。
    ビルド時に利用している模様の
    「ホームディレクトリ\platforms\android\ant-build\res」配下のアイコン画像がサイズによっては差し替わっていないものがあることを発見。
  5. 「ホームディレクトリ\platforms\android\ant-build\res」をフォルダごと削除。
  6. Node.js のコマンドプロンプト上で再々ビルド&実行。
    cordova run android
  7. 今度はうまく行きました!!
    アイコン変更後
サブコンテンツ

このページの先頭へ