In an effort to make my Android app as flashy as my iPhone app I ran into something just plain odd. All of the images looked furry. It seems Android uses something called 9-Patch images. 9-patch graphics get their name for the fact they have 9 areas called patches that scale separately.
So now I figured out my problem I figured there had to be a Photoshop plug-in that allowed me to convert my existing png or psd into 9-Patch format. Unfortunately it seems the only way to do this currently is to use the
draw9patch utility that ships with the Android SDK.
I’m still working on converting and will provide an update if there is any interesting tips or tricks that surface during the process.
To convert and set my areas I’m using the below references.
- Android SDK
- Google tutorial on 9-patch graphics
- 9-Patch Object Description
- Blog post called “Working with Images In Android” from HIGHERPASS
- Blog post called “Android 9 Patch Scaled PNG Image Guide” from HIGHERPASS