web analytics

Nine-patch editor

As you know – there is a standard WYSIWYG editor for nine-patch (.9.png) files within the dev tools for Android developers. Once i have started integrating nine-patch file format support into Swing components i noticed that its really inconvenient to use. So i got an idea to create my own small nine-patch file editor…

After working a few days working under it i have finished it:

The main advantages:
1. Comfortable WYSIWYG editor – easily add, move and resize patches
2. Mistakes-free editor – it won’t allow you to create any incorrect patches data
3. Quick preview – see all the changes you do in realtime on a small preview
4. Additional history and patches copy/paste tools

Upcoming changes:
1. Possibility to work with multiple nine-patch images at the same time
2. Patches data synchronization between multiply opened nine-patch images
3. Additional editor tools and visual settings
4. Possibilty to save opened nine-patch images as a separate project

As you can see – there is still a lot of things to do to improve the editor, but it is already much more user-friendly than Android standard editor. If you don’t believe me – just try it ;)

You can always download the latest version here:
NinePatchEditor.jar

12 Comments

  1. seeraz
    Apr 24, 2013 @ 17:43:26

    You really rock man, thanks for creating this tool for free.

    Reply

    • Mikle
      Apr 26, 2013 @ 13:59:23

      Not like it was a really big deal to create it, but thanks! :)

      Reply

  2. zubair
    Apr 17, 2013 @ 00:59:47

    what is the highlighted portion which formed as a result of intersection of patches ?

    Reply

    • Mikle
      Apr 17, 2013 @ 04:54:54

      Blue area is formed by content patches and displays the area of the image that will have any content in it in the patched component (for example text and icon in the button will be placed there).

      Green area displays image areas that will be stretched when component size is larger or smaller than the image itself.

      Reply

  3. bala
    Apr 06, 2013 @ 12:05:00

    awesome tool!! Thanks! Keep your good work !

    Reply

  4. Sergey Solovyev
    Mar 21, 2013 @ 11:07:51

    That’s really awesome!
    Now I’m working on the messenger app and spent whole evening trying to make symmetric 9-patch for message bubble. With this app I did just in a few seconds (rulers rules!).
    Thank you very much, you definitely must to write to Android team with proposal to bundle you app instead of default!

    Reply

    • Mikle
      Mar 21, 2013 @ 12:19:07

      Thanks! :)
      I might try contacting Android team later and see if they would accept such offer

      Reply

  5. Thanh TRAN CONG
    Mar 17, 2013 @ 06:23:00

    Thank you so much, this app save my time! Keep your good work !
    *****

    Reply

    • Mikle
      Mar 17, 2013 @ 10:12:15

      Always welcome :)

      Reply

  6. Mike
    Mar 07, 2013 @ 18:27:34

    Just wanted to say thanks for the 9 patch editor. Couldn’t figure out the SDK version for the life of me. This one is simple to use and the preview area is amazing.

    – Mike

    Reply

    • Mikle
      Mar 07, 2013 @ 18:29:54

      Thanks!
      I hope i will get some free time to update the editor soon :)
      There is still a lot of things to simplify nine-patch editing.

      Reply

Leave a Reply

*


1 + four =