java - Displaying a part of an image in libGDX - looks stretched -

i'm trying build progress bar in libgdx, have 1 full horizontal image , in 2 lines trying display 2 different widths of image:

imagefull:

imagefull.draw(batch,10,80,600,50); imagefull.draw(batch,10,20,100,50); 

the result is:

its looks when width 'small' stretched , looks bad.

why can't display part of image without destroying left side of image?

any ideas how fix it?

that normal behavior. if stretch image without keeping it's aspect ratio deform, not know stretchable part itself.

9-patch here cannot draw sprite doing (maybe spritedrawable though?).

if use scene2d actor named progressbar. feed 9-patch image, should stretch correctly. or use image if want control yourself, , feed image ninepatch.

a quick way create ninepatch specify it's stretching regions hardcoding it.

texture = new ninepatch(yourtexture, a, b, c, d) 

where abcd corresponds following image:

now create scene2d image ninepatch , should stretch properly.

if have texture in atlas can supply line split:a,b,c,d image data in .atlas file , scene2d automatically pick ninepatch.

if don't want use scene2d and/or ninepatch (but recommend use it) have code behavior yourself. or cut texture , stick caps on left , right side of rectangle. scene2d invented , ton more gui functionality.