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

Leave a Reply





© 2017 Spinnaker Studio. All rights reserved.