Androidプログラミングブログ

Androidプログラミングを勉強していく中でわかったことをメモする

【Androidプログラミング入門 #014】9patch drawツールを使う

はじめに

Androidで画像を扱うときに9patchというものが使える。

9patchとは?

画像サイズより大きく表示する場合に、どの部分を拡大するかを指定できる画像

といったところでしょうか。

9patchについて、ここの説明がわかりやすかったです。

www.dotproof.jp

どんなときに9patchを使うのか?

例えば、この画像。

f:id:fjswkun:20151029224628p:plain

Activityの背景に設定してみました。

f:id:fjswkun:20151029224825p:plain

このとおり、中心にある六角形がオリジナル画像と比較して、
縦長になってしまいます。

大きく表示する場合に、六角形の部分の形を変えず、
それ以外の部分を拡大するようにしたい場合に9patchが使えます。

Android Studioには9patchファイルの作成や編集ができるツールが入っています。

9patchファイルの作成

プロジェクト内の画像を右クリックし、
メニューから「Create 9-Patch file...」を選択すると作成できます。 f:id:fjswkun:20151029225414p:plain f:id:fjswkun:20151029225620p:plain

9patch編集ツールの起動

9patchファイルをダブルクリックすると起動します。 f:id:fjswkun:20151029225830p:plain

9patch編集ツールの使い方

こちらが参考になります。

dev.classmethod.jp

Android Studioでなく、Eclipseを使っているが、使い方は似ている。

9patchを背景に適用

9patchでこの画像の六角形の大きさが変わらないようにしました。

f:id:fjswkun:20151029224628p:plain

背景への設定は画像を背景に設定する時と同様です。
わからない場合はこちらを参考にしてください。

android.swift-studying.com

アプリを起動し、実行してみました。 f:id:fjswkun:20151029231043p:plain

参考情報

参考

Androidアプリ開発逆引きレシピ (PROGRAMMER’S RECiPE)

Androidアプリ開発逆引きレシピ (PROGRAMMER’S RECiPE)

開発用デバイス

Androidの勉強をはじめた人は知っているようにエミュレーターはちょー遅い。
開発用に安いAndroidを買えば、勉強がはかどります!
iPhoneと比較すると安いので買ったほうがいいと思います。

おすすめデバイス

勉強用に使うだけなので価格が高い最新デバイスは必要ないと思います。
最新のデバイスは一人前のAndroidプログラマーになったら購入を検討しましょう。

nexus5 16GBASUS Nexus7 ( 2013 ) TABLET

その他に探すなら↓から。
Android nexus5を勉強用に購入