How to create iOS image buttons that scale well in different resolutions?

Question

I ran into a usage problem UIBarButtonItemwith custom color. Everything on the web seems to indicate that the only way to avoid this lack of official API support revolves around the use of images. All this is great and dandy when developing for devices up to iOS 4, except when using the new iPhone 4. Creating an image for iPad and pre-iOS 4 devices is quite simple, but images designed for these devices look absolutely terrible on iPhone 4. I I suspect that this problem will be further exacerbated by the introduction of next-generation devices.

Consider the example below. Note that the default color button is nice and smooth, but the iPhone 3GS looks awful. It does not seem very scalable (pun intended) to include multiple images for different resolution devices.

In the absence of an official color change API UIBarButtonItem, what strategies exist for creating images that scale well for different resolution devices? This issue is hardly unique to UIBarButtonItems, how does the community adapt to other raster UI elements? Is there a better solution for this particular case than using an image (for example, using Quartz to draw it)?

If at all possible, provide specific code examples.

Answer 1

, , , , , , . API UIBarButtonItem, , . , UIBarButtonItem UIToolbar s.

, 2x.

UIBarButtonItem-Generator @GitHub

Answer 2

[e-mail] Image.png, .

Answer 3

Three20, , , , , .

Answer 4

Opacity ( Mac) . , , , iOS. Retina (@2x) .

Answer 5

, povray, C- 3D-, , .

http://povray.org

Answer 6

, :   - (void) drawRect: (CGRect) rect {   UIImage * image = [UIImage imageNamed: @ "MyImage.png" ];

self.frame=CGRectMake(0, 0, image.size.width, image.size.height);

self.backgroundImage  =image;

}

, . @2x