iPhone Style Buttons

Question

Is there a standard/accepted way of making image buttons the "iPhone" style? i.e. with the gloss highlight and rounded corners.

Answer 1

Hi,

You may find the following links useful:

IPhone UI PSD: http://www.teehanlax.com/blog/?p=447

IPhone toolbar style icons : http://glyphish.com/

:)

Answer 2

The way I've done it is by using my own custom images.

If it's just one button, you can create an image for the whole button. If it's just the background, and you're going to re-use it with different button title text, you can create an appropriate smaller image, and use - stretchableImageWithLeftCapWidth:topCapHeight: (a method of UIImage for creating new images).

The graphics editor I use is Fireworks.

I've always seen it done this way by others, too. My designer friends use Photoshop.

Some of Apple's sample code (e.g. UICatalog) has background images you can use.

Answer 3

There are images you can download from Apple here

http://developer.apple.com/iphone/library/samplecode/UICatalog/index.html

that are suitable for use as iPhone button backgrounds.

Answer 4

The answers to this question provide some ways of doing this. Also, I provide an example of a gloss gradient for drawing on a custom button view here.