nine patch とは
- 画像リソースを適切に伸縮させることが可能なツール
- Android SDK には nine patch 画像を簡単に作成できる "draw9patch" というツールが下記の場所にある
- android(Android SDK の top ディレクトリ)/tools/draw9patch
- 利点：nine patch を使用すると小さい画像を引き伸ばすことが可能であるため、元々の画像サイズは小さく保持することができる
- 欠点：グラデーションの入った画像などには適用できない
使い方 (for Mac)
- ターミナルを開き、draw9patch があるディレクトリまで移動
draw9patch
上記コマンドで、draw9patch が起動する
-
変形対象の画像をドラッグして表示すると次のようになる
- 表示画像左半分の中の、上と左にある 1px の黒ドットの範囲が引き延ばしたい領域になる
- 右半分は、上からオリジナル、横を引き伸ばした場合、縦横両方を引き伸ばした場合のプレビューが表示されている
-
cmd + s を押すと保存先と名前を聞かれるので、保存する
- ネーミングルールは、*.9.png となる
-
android プロジェクトの res/ 下の任意の場所に配置する
- この時、オリジナルとなる *.png を残したままでいると、重複したとみなし、エラーの元となるの削除する
適用結果
- nine patch した画像を表示すると以下のようになる
- nine patch を使用せず画像を伸張すると、上記画像の "伸張画像" のように真ん中の白丸部分や四隅がボケてしまう
- しかし、nine patch を使用すことで、上記画像の "Nine Patch 画像" のように四角の部分だけを伸長することができる