9-Slice equivalent in Unity

Hey there. In past Flash projects, we made use of 9-slicing, a technique used on elements such as buttons to make the button stretch in a specified middle portion of a button while *not* stretching defined edges of a button (so it doesn't *look* stretched around the edges).

Looking at the skin and style settings, I've tested some of the values (offsets, particularly) to achieve the same effect, but haven't had success.

Is there a way to achieve 9-slice like behavior with styles? I'd love to be able to use a single button image across the project to handle various sizes of buttons.

Thanks.

 

Yes, that's exactly how our GUI works. You provide an image, then you specify in your Skin or Style the amount of padding to use for the edges/corners so as not to stretch. Download the built-in GUI skin and have a closer look and you'll see what I'm talking about (I believe it's the border property in particular).

 

Ah!!!! The padding. Duh. Thanks!

 

Using this method I am able to get the corners to display correctly, but the interior stretches the texture. Is there a way to scale the texture on the interior as well?

 

Border does the interior slicing.

 

For anyone Googling upon this thread:

Unity 4.6 will have "Image type: Sliced" in the "Image" component, which does 9-slicing for UI elements.

Here's a preview:
https://www.youtube.com/watch?v=EOX6itCuKOc#t=720