How can I create a 9-patch that can preserve circle of this image?

StackOverflow https://stackoverflow.com/questions/20737600

  •  20-09-2022
  •  | 
  •  

Question

I have this image http://i.stack.imgur.com/i8Iab.png enter image description here

I want to preserve the circle at the bottom of the image so I make this 9-patch http://i.stack.imgur.com/UNWdE.png enter image description here

but somehow in the mobile the circle becomes ellipse like this enter image description here

i don't know why the bottom part get stretch. Any help please, Thanks.

Was it helpful?

Solution

Because the 9 patch you created is wrong.
And unoptimized (you can make it much smaller): the upper black line should leave a transparent hole corresponding to the circle.
The black lines result in a stretched area, while the parts you leave out aren't stretched.
So, just leave the area you don't want to stretch transparent.
This is the reference site

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top