Cordovaでアイコンを設定する方法

はじめに

Cordovaでプロジェクトを作ると、Cordovaの標準アイコンがインストールされる。でも、アプリをリリースするときは、別なアイコンにしたいよね。そういう時、アイコンを変えるにはどうすればいいのかという話。

まずアイコンを用意

アイコンを透明色付きのpngで用意します。せっかくなので解像度は512px × 512px 。なんでこんなに大きなアイコンを用意するのかというと、Google Playで指定されるアイコンサイズだから。実際には、もっと小さいアイコンを組み込んでもいいんだけど。作るときは大きいほうがいいと思う。

アイコンを設定する方法

アイコンを設定する方法には、主に二通りの方法がある。

  • 各platformのアイコンpngを書き換えてしまう方法
  • config.xmlにiconファイルを定義する方法

ここでは、二つ目のconfig.xmlを書き換える方法を説明する。

一番簡単な方法

config.xmlに次の行を書き加える

そして、icon.pngをres/に入れる。このresディレクトリはwww/の中ではなくて、config.xmlの書いてあるディレクトリにresディレクトリを作るということ。これだけ。 すごく簡単。

もう少し細かい方法

platformごと、また解像度ごとに分けたい場合は、

という感じらしい。とはいえ、一番簡単な方法で動くので、細かいことを設定したいときに使えばいいと思う。

まとめ

  • アイコンのpng(icon.png)を用意してres/に入れる。
  • config.xmlに<icon src="res/icon.png" />を書くだけ

簡単だね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">