Interface Design Blog: the good, the bad, and the utterly unusable...

How to make resizable iPhone buttons

Posted on | February 13, 2010 | No Comments

Common problem of making iPhone buttons is stretchable background. Standard iPhone button can either have an image usually centered, or background image, that is stretched. Proportionally stretched background image usually looks bad.

Solution is to use 9 section image, so only center part will stretch, but corners will stay the same.

prepared button image

incorrectly stretched by 2

Here is an article how to prepare stretchable button image:

http://blog.chomperstomp.com/creating-dynamically-re-sizable-buttons-for-iphone-apps/

Button image have to be set up in code by using  stretchableImageWithLeftCapWidth reference from iPhone SDK

Bookmark and Share

Post to Twitter Tweet This Post

Leave a Reply





Get Adobe Flash playerPlugin by wpburn.com wordpress themes
© 2012 Spinnaker Studio. All rights reserved.