Implementing a 9-slice scaling for textures

sebsn

Hey,

I'm wondering that nobody has requested or tried to do this before, but as former ActionScript developer I'd like to have the possibility to scale a button or texture with a 9-slice feature.

Currently I need to add a new texture for every button in different resolutions, etc. Even when the text on the buttons is not in the image itself, it sounds like a big deal to localize the app when the texts have different lengths. It would be very nice to have only 1 image for all standard buttons that can be stretched to it's needed size.

Has someone already done that? I have no idea where to start, but it seems like a deeper addon because it effects SPButton, SPImage, SPTexture and other classes.

Thx!

Daniel

It's not possible to create it as a subclass of SPTexture or SPImage, unfortunately; both classes expect to consist of exactly one quad, and what you're doing requires 9 quads.

However, you could create a custom SPSprite subclass that uses SPImages to build that functionality. They can all work with the same textures, using different texture coordinates. Look at the "setTexCoords:ofVertex:" method of "SPImage" to get started.

Shilo

The following extension allows 9-slice scaling of images and buttons, similar to Actionscript's 9-slice scaling.
XDImage (and XDButton)

Special thanks to Benjamin at Xida Design & Technik for allowing me to share this extension with the public.

Showcase/Demo project:

seriousGeorge

Wow.. great. Thank you so much Shilo, that will definitely become in handy!