Symfoware

Symfowareについての考察blog

Cordova アプリケーションのアイコンを変更する

Cordovaでアプリケーションを作成すると、Androidに表示されるアイコンは
デフォルトでこんな感じになります。

572_01.png

これを変更する方法を調べてみました。


アイコンファイルの場所



CORDOVA3.5.0でのアイコン変更

platforms/android/resに各種画面サイズに対応したアイコンが配置されているようです。
これを手動で差し替えるのはちょっと・・・
と思い、プラグインを探してみました。

見つかったのは2つ。

cordova-icon

cordova-gen-icon

今回は、cordova-iconを使用してみます。




cordova-iconのインストールと使用



ImageMagickに依存しているそうなので、先にインストールしておきます。
※Ubuntu 14.04で試しています。
Windowsの場合は、こちらからインストールできるようです。
http://www.imagemagick.org/script/binary-releases.php#windows


$ sudo apt-get install imagemagick




ImageMagickをインストールしたら、npmコマンドでプラグインをインストール。


$ sudo npm install cordova-icon -g




プロジェクトのトップティレクトリに使用したいアイコン(透過png)を
「icon,png」という名前で保存します。

今回はこちらからアイコン画像をお借りしました。
FLAT ICON DESIGN -フラットアイコンデザイン

572_02.png


プロジェクトのディレクトリに移動して、アイコン生成のコマンドを実行。


$ cordova-icon



572_03.png


エミュレーターで確認すると、ちゃんとアイコンが差し替わっています。

572_04.png


関連記事

テーマ:プログラミング - ジャンル:コンピュータ

  1. 2015/03/01(日) 10:44:10|
  2. 備忘録
  3. | トラックバック:0
  4. | コメント:0
  5. | 編集
<<Cordova GCMから送信したAndoroidのプッシュ通知を受け取るアプリケーションの作成 | ホーム | Cordova デバッグ Androidエミュレーター実行時のconsole.logの見方>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://symfoware.blog68.fc2.com/tb.php/1660-d893e6ca
この記事にトラックバックする(FC2ブログユーザー)