Strange 9 patch black borders issue - libgdx

I’m trying to create a 9 patch file but whenever I edit the png file and add some black lines to it, these black lines are also visible in my app. I thought they are only visible inside the program(draw9patch).

Here is a screenshot of my image inside the program: http://i.gyazo.com/a61d30c8faab296eb0c8a7b2eaf5ed1e.png

And here is a screenshot of my image outside the program(after edit has done) : http://i.gyazo.com/80a81c26136435df5a5b315e8f24c2ef.png

Moreover, the image( the 9 patch file ) isn’t scaled nicely. Here is a screenshot of that:

What’s wrong?

Some possibilities:

  • the transparent pixels along the border are not fully transparent
  • you do not load it as a ninepatch (can you show us some code?)