「draw9patch」
アンドロイドアイコン作成ツール
工程管理のアプリを作ろうと思い作業を始めました。
アプリのタイトルは「ワンタッチ」です。
まず、アイコンを作ろうと思い指の画像を「styraise」さんの所から頂いて来ました。ありがとうございます。
![](https://blogimg.goo.ne.jp/user_image/55/7b/e5fcb074d371109dca566a9d3eadff56.png)
今回は指のアイコンを作成します。
左側が指の部分だけ、Photoshopで抽出した108X180のpng画像「yubi.png」です。
右側は出来上がった「yubi.9.png」です。
![](https://blogimg.goo.ne.jp/user_image/38/b3/a7632ae4aff70574a9c090806777faf7.png)
「draw9patch」はAndroid-sdkの中に bat ファイルとして在ります。
\android-sdk\tools\draw9patch.bat を起動します。
左上の「File」から「Open 9-path・・」をクリックします。
![](https://blogimg.goo.ne.jp/user_image/24/6e/35dd861c11d9ab7fa0ea6cfbc02c55b9.jpg)
「yubi.png」を読込ました。
![](https://blogimg.goo.ne.jp/user_image/13/44/57c0338004ded0fb9129d216167066a7.jpg)
色々操作しましたが全く解りませんでした。
取りあえず「Zoom」のバーを左端までスライドしました。
![](https://blogimg.goo.ne.jp/user_image/79/5d/331368755628eb074de46177c88b2c54.jpg)
何も操作はせずに、単純に「File」から「Save 9-path・・」で保存します。
![](https://blogimg.goo.ne.jp/user_image/4a/b9/8e38ab6c4e00ec679ae32d2371724a6d.jpg)
ファイル名は「yubi.png」と付けて保存します。
![](https://blogimg.goo.ne.jp/user_image/3b/92/7a3c4e87b7a7fdb2a8425e861bf0f0c2.jpg)
が、「9」が付加されて「yubi.9.png」となります。
![](https://blogimg.goo.ne.jp/user_image/3e/61/c92947165d1943fa1b8cac506f1e64e2.jpg)
アプリをインストールして見ました。
左側はAndroid標準のアイコンです。右側は「指」のアイコンに入れ替えてからインストールしました。
![](https://blogimg.goo.ne.jp/user_image/03/08/b774a63ba1d1d5dedb820df04802c100.jpg)
以上
いよいよアプリを作り始めました。
何から手をつければ良いのか全く解らず、あちこちでつまずいてばかりです。
そんな矢先にアイコンを作ろうと思ったら、意味不明の「draw9patch」を使用する事になりました。
理解するまでに凄く時間がかかりそうです。
亀以下のスピードになっている状況です。
今後「draw9patch」には理解が進んだ段階で詳しく記述いたします。
アンドロイドアイコン作成ツール
工程管理のアプリを作ろうと思い作業を始めました。
アプリのタイトルは「ワンタッチ」です。
まず、アイコンを作ろうと思い指の画像を「styraise」さんの所から頂いて来ました。ありがとうございます。
![](https://blogimg.goo.ne.jp/user_image/55/7b/e5fcb074d371109dca566a9d3eadff56.png)
今回は指のアイコンを作成します。
左側が指の部分だけ、Photoshopで抽出した108X180のpng画像「yubi.png」です。
右側は出来上がった「yubi.9.png」です。
![](https://blogimg.goo.ne.jp/user_image/23/05/7a1a608768a25bc749d5900ec0140ae1.png)
![](https://blogimg.goo.ne.jp/user_image/38/b3/a7632ae4aff70574a9c090806777faf7.png)
「draw9patch」はAndroid-sdkの中に bat ファイルとして在ります。
\android-sdk\tools\draw9patch.bat を起動します。
左上の「File」から「Open 9-path・・」をクリックします。
![](https://blogimg.goo.ne.jp/user_image/24/6e/35dd861c11d9ab7fa0ea6cfbc02c55b9.jpg)
「yubi.png」を読込ました。
![](https://blogimg.goo.ne.jp/user_image/13/44/57c0338004ded0fb9129d216167066a7.jpg)
色々操作しましたが全く解りませんでした。
取りあえず「Zoom」のバーを左端までスライドしました。
![](https://blogimg.goo.ne.jp/user_image/79/5d/331368755628eb074de46177c88b2c54.jpg)
何も操作はせずに、単純に「File」から「Save 9-path・・」で保存します。
![](https://blogimg.goo.ne.jp/user_image/4a/b9/8e38ab6c4e00ec679ae32d2371724a6d.jpg)
ファイル名は「yubi.png」と付けて保存します。
![](https://blogimg.goo.ne.jp/user_image/3b/92/7a3c4e87b7a7fdb2a8425e861bf0f0c2.jpg)
が、「9」が付加されて「yubi.9.png」となります。
![](https://blogimg.goo.ne.jp/user_image/3e/61/c92947165d1943fa1b8cac506f1e64e2.jpg)
アプリをインストールして見ました。
左側はAndroid標準のアイコンです。右側は「指」のアイコンに入れ替えてからインストールしました。
![](https://blogimg.goo.ne.jp/user_image/17/b6/57dc7cb1a75259b4c32d4c592d0be3a5.jpg)
![](https://blogimg.goo.ne.jp/user_image/03/08/b774a63ba1d1d5dedb820df04802c100.jpg)
以上
いよいよアプリを作り始めました。
何から手をつければ良いのか全く解らず、あちこちでつまずいてばかりです。
そんな矢先にアイコンを作ろうと思ったら、意味不明の「draw9patch」を使用する事になりました。
理解するまでに凄く時間がかかりそうです。
亀以下のスピードになっている状況です。
今後「draw9patch」には理解が進んだ段階で詳しく記述いたします。