Android / 9-patch PNG: What, if I need smth like a 11-patch PNG?

android android-layout nine-patch
OneWorld picture OneWorld · Sep 17, 2010 · Viewed 10.4k times · Source

In Draw 9-patch, everything looks fine. However, my SDK says the 9-patch png is malformed. Because I have something like an 11-patch png. Because I don't want the little grabbing area to be scaled. How to get it working? The screenshot describes everything:

alt text

Error Meassage in Console:

ERROR: 9-patch image /res/drawable-hdpi/top_complete.9.png malformed.
        Can't have more than one marked region along edge.
        Found at pixel #10 along bottom edge.
ERROR: Failure processing PNG image /res/drawable-hdpi/top_complete.9.png

Answer

colithium picture colithium · Sep 17, 2010

I believe your issue is that you're splitting the content area into two pieces which is not allowed. The top and left borders are treated differently by the tool than the bottom and right borders. The top and left describe what is stretchable, the bottom and right define content area (which must be contiguous).

Check the checkbox to show content area and play with it to see what I'm talking about.

alt text

Related questions

How to create android spinner without down triangle on the right side of the widget

I have a screen where the user has many items to input so screen space is at a premium. I want the look of the widget on the screen (before the user presses it) to be similar to an EditText …

Read More
Make button background transparent using selector

Here we go. I have a button that has a non-pressed state background as transparent. As soon as the button is pressed, the background is no longer transparent (see the pics). I use nine patch for all my images. This …

Read More
Define a custom style (theme) on an Android Switch component

I'm new to Android development and also on Android theming/customization that looks to be a wide subject... I'm trying to give my Switch component a special look & feel, but I don't manage to achieve what I want, avan …

Read More