UITabBarItem images just appear as a grey block

Question

I have created .png icons 20 x 20 and when I set the image property in the nib they just appear grey blocks.

Any ideas?

UPDATE: Here is one of the icons!

enter image description here

score 6 · Accepted Answer · answered Dec 23 '11 at 15:22

The standard tabbar icons in iOS are rendered solely from the alpha channel. Colors are ignored completely. Instead of colors you can use different alpha values that lead to a different shade of gray (or blue if selected)

Make the background of your icons transparent.

score 3 · Answer 2 · answered Dec 23 '11 at 13:53

3

Download these attached images and pass them to your designer and ask him to just create images like these (when you open them in PS you'll know the difference)

enter image description here

answered Dec 23 '11 at 13:53

Saurabh

22,743
12
84
133

score 0 · Answer 3 · answered Dec 23 '11 at 13:53

0

This happened to me in iOS 5, I got around it by setting UIImage Outlet property in the Xib to 'Custom' and then set the label programmtically so : imageOne = [UIImage imageNames@"Dog.png"];

answered Dec 23 '11 at 13:53

Elmo

407
4
15

score 0 · Answer 4 · answered Dec 23 '11 at 13:55

0

Try saving the file as png interlaced. In photoshop at least it gives you an option of interlaced or normal.

answered Dec 23 '11 at 13:55

bryanmac

38,941
11
91
99

UITabBarItem images just appear as a grey block

4 Answers4

Linked