← ねこパンチする！

　1.5.1.アイコン用画像の表示

 　記事作成：2013/8/24

　　アイコン用の画像を作成したので次はHelloWorld2に実際に適用させてみたいと思います！

　　eclipseを起動し、HelloWorld2のパッケージエクスプローラーを開きます。なにも設定したり消していなければ最初から表示されています。

　オレンジの下線部分に注目してください。

　　※ちなみにこのパッケージエクスプローラーはWindowsのエクスプローラーと動作が似るように作られており

　大体”いつもどおり”に操作することができます。　ファイルを長押ししてほかのフォルダに移すとか、新規フォルダーの作成なんかも右クリックから選択できたりします。

　　覚えていてほしいのは、”このパッケージエクスプローラーは通常のエクスプローラーと同じものを参照している”ということです。

　イメージとして、「　eclipseの中のHelloWorld2のフォルダを開いている、eclipseの中にあるもの　」と思っている方は少し違います。

　あくまで通常のエクスプローラー内のワークスペースに保存されているファイルとフォルダを

　「eclipseを窓口にして、eclipseに必要な部分を表示して、操作しやすくしている」　だけなのです。

　小さな勘違いは微妙な混乱を呼んでしまう可能性があるので一応確認しておきます。

　HelloWorld2　→　res　を開くとその下に「　drawable-○○○○　」というフォルダがあります。

　このフォルダ内にアイコン画像が入っています、このHelloWorld2を作成する途中でアイコンづくりをしましたね？

　あのアイコンがここに入っているので、古いアイコンを消して前回作成した新しいアイコン画像を入れていきます。

　注意点は”同じ大きさのアイコン画像を入れること”　drawable-○○○○　の○の部分でアイコンの大きさを区別しています。

　なので、36×36のサイズが入っていたフォルダには36×36のサイズの新しいアイコン画像を入れましょう。

　　パッケージエクスプローラーでもできるとはいえ、探していくのはめんどうなので、

　前回同様通常のエクスプローラーを開いて画像の入れ替えをしていきます。

　右クリック　→　Windowsエクスプローラーを開く　を選択

　　これがもともと入っていたアイコン画像。

　いろいろいじって作成した方はそのアイコンになっているはずです。

　drawable-ｌdpl　には　36×36　のアイコン画像を。

　drawable-mdpl　には　48×48　のアイコン画像を。

　　drawable-hdpl　には　72×72　のアイコン画像を差し替えます。

　　用意ができたらいざ実行！

　　ん？　あれ??　変わってない！

　と、まあここでかなり時間を食ったんですが、対処法をなんとか確立できたので載せていきます。

　　気になっていた方も居たかもしれませんが、上で行った三つの画像のほかにまだ二つ画像がありました。

　サイズは96×96と144×144。　どの場面で使用するのか疑問ですがとりあえず作っておいて損はないと考えました。

　画像のリサイズ方法は前回同様、ペイントソフトで行えます。

　それぞれ　drawable-xhdpl　には　96×96　のアイコン画像を、

　　　　　　　 drawable-xxhdpl　には　144×144　のアイコン画像を差し替えます。

　　が、この状態で実行してもやはりダメ、反映されません・・・。

　　何が悪いのかと試行錯誤を重ねようとしましたが、なんとなく気が付けるようになったのか、赤い×印にすぐ気が付けました。

　　HelloWorld2　→　AndroidManifest.xml　に赤い×印が。　これはわっちもいじったことがありません。

　開いてみると右の画面が出るので下のタブを「　AndroidManifest.xml　」のタブに変えましょう。

　　見慣れた赤い×印を見つけました。　相変わらず英語なので何を言われてるのかさっぱりですが・・・。

　いろいろいじくってみた結果、なんとか答えをみつけました。

　　どうやら画像の名前を変更したのに対し、それを参照している側の名前が変更されていなかったのが原因みたいです。

　マニフェストのオレンジの下線部分に消す前の画像の名前が書いてあったので、新しい画像の名前「　icon　」に変更したところ、

　うまく表示できました！　いかがでしょうか？　もしかして再起動だけでなおったりするのかな・・・。

　検索ワード：android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　

android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　android　アプリ　開発　アイコン　icon　36×36　48×48　72×72　96×96　144×144　

　1.5.アイコン用画像の作成　←　1.5.1.アイコン用画像の表示　→　1.6.ボタンを作ってみる

　← Androidアプリを作る！

　← ねこパンチする！