Autolayout with complex background

You can’t do that because that shape is a simple vector object. And it will look very bad if you stretch it. I recommend creating two separate sides to create the shape and placing the rectangular auto layout in the middle. I just added an example into this file I created and you can find other useful examples there too:

Thanks mate, I will play with it!

@Gleb one more tricky part, how to do it with outlined button state? Any ideas?

Easy: instead of coloring the central rectangle autolayout, put two horizontal lines in it. And turn sides into strokes, removing two vertical lines from them.

There should be something like a ‘9 patch’ checkmark for this by the fill value of the autolayouted element.