Could anyone help me with creating 9 patch image from a png image?

Question

I am creating a chat application.I want the to convert my png image for chat bubble into a 9patch image.I used this link.... http://android-ui-utils.googlecode.com/hg/asset-studio/dist/nine-patches.html

But the problem is that the chat bubble is always maintaining a minimum width even for small messages.For eg,if i type a text like "hello",it is displayed in a bubble of width much more than the message.How to create 9patch image properly ??

Here is my png image

Answer 1

Your 9-patch image needs to be smaller than your smallest message. The system will expand 9-patch images, but will never shrink them in the 9-patch way. Also, make sure the name of your image file ends in ".9.png".

Here's an edited image that you can use in the Android Asset Tool to create your set of 9-patch images:

The following image shows how you should define your stretch regions in the 9-patch generator. You'll get a zip file with p-patch images in a few different densities. Put these into your drawables folders.

Answer 2

• There is a tool distributed along with the SDK called draw9patch. It should be already there in your SDK folder. Check <sdk-directory>/tools/draw9patch. This tool is easy to use and quite intuitive. Learn more about draw9patch here.

• On the other hand, you can use the Android Asset Studio cloud app here.

Answer 3

Try the http://draw9patch.com/

Or you can use the sample app from here

http://warting.github.io/AndroidChatBubbles/

Answer 4

Actually it was a problem with the image i used for my app.The image i used was bigger in width.For 9patch images to work properly,the width should be minimum.I used another image of smaller width instead of this and bam !!! it worked perfectly :)