Tab Bar icons

kieran12 · August 2008

Just a quick question on the tab bar control.

What size are the icons. I want to use my own text and icon but can't find the icon size in the documentation.

Anybody know?

Thanks

skinrock · August 2008

I just used the screenshot capture and dragged around one of the stock images to guesstimate a good size...I came up with 30x30px, and that actually fit very well.

You could probably go wider depending on your situation, but I think you would only have room to go maybe 5-10px taller.

Also, I used a light gray to dark gray gradient to simulate the stock images. The application automatically applies the blue glow when you click.

MattCairns · August 2008

Yep, I find that anywhere from 25-30px height and width seems to fit quite well. Just eye it, there is no real requirement for their sizes.

kieran12 · August 2008

Thanks. I thought about 30 px was right. But when I save the image and add it to my project and set it as the tab bar icon all I get is a blue gradient square. I have tried saving as png, tiff and jpeg but I still get this blue square instead of my image. Any ideas?

kieran12 · August 2008

I've attatched a picture of it to this

kieran12 · August 2008

I've attatched a picture of it to this

Stitch · August 2008

The tab bar image is 30x30 - mentions it somewhere in the documentation.

You'll also have to supply a grey scale image. The iPhone will automatically fill it with a blue gradient IF it is the selected tab.

At present I do not believe you can change this colour - not with standard methods anyway.

You'll have to include a transparent background if you want it to be transparent.

Stitch · August 2008

You can see examples of tab bar icons in "The Elements" sample code.

kieran12 · August 2008

Thanks stitch, it was because my image wasn't graysale.

pulp · October 2008

Stitch;15966 said:
You can see examples of tab bar icons in "The Elements" sample code.

Thanks a lot Stitch!

higgins · January 2009

FWIW, I believe you can size these icons up to about 48x32px and still have the device show them without scaling down...though if you use all that space, the icon just about hits the text below. In practice 30x30 is pretty good. If you need a wider icon (like the 'Featured' searchlights), go to 40 or even 48 wide.

Bucky · January 2009

I wonder why Apple made the iPhone deal with pictures in a funny way?

For example, the icons are not stored as RGB, but as BGR, for no apparent reason, it appears

DebbieM · January 2009

From my readings, I have learned that .png is the best format and 57x57 pixels is the correct size. So far this has worked for me.

Debbie

HookieTookie · February 2009

DebbieM;41122 said:
From my readings, I have learned that .png is the best format and 57x57 pixels is the correct size. So far this has worked for me.

Debbie

It's right for App icon, not for tabbar ;)

kiavor · February 2009

Hi to all!!
I've try to create a simple grayscale icon 25x25px but Xcode still don't see it!
how it's possible?
did I make a mistake (probably) with photoshop :confused: ?
is correct to do25x25 grayscale icons?
thx a lot!

HookieTookie · February 2009

tabbar icon should be grayscale PNG file with alpha channel (transparency) and 25x25 seems to be enough
did you put icon file in correct directory (I'm not programmer but it's common trouble) ?

kiavor;52664 said:
Hi to all!!
I've try to create a simple grayscale icon 25x25px but Xcode still don't see it!
how it's possible?
did I make a mistake (probably) with photoshop :confused: ?
is correct to do25x25 grayscale icons?
thx a lot!

kiavor · February 2009

the directory is correct because i can see the preview of the icon in the Xcode...
I'll try to create another icon..
thx!

Keeheon · March 2009

kiavor;52766 said:
the directory is correct because i can see the preview of the icon in the Xcode...
I'll try to create another icon..
thx!

What do you have to name it? I'm kind of new to this

jpwain · April 2009

Hey guys, just a heads up -- I've published some free (creative commons licensed) iPhone toolbar and tab bar icons at glyphish.com. I also included guidelines on how they work as well as a link to the Apple documentation.

Feel free to download and use them in your apps! I'd love to see screenshots of anywhere they're in use. If you can think of any icons or symbols that'd be good to add to the set, please let me know.

kieran12 · April 2009

jpwain;70937 said:
Hey guys, just a heads up -- I've published some free (creative commons licensed) iPhone toolbar and tab bar icons at glyphish.com. I also included guidelines on how they work as well as a link to the Apple documentation.

Feel free to download and use them in your apps! I'd love to see screenshots of anywhere they're in use. If you can think of any icons or symbols that'd be good to add to the set, please let me know.

Wow, thanks for taking the time to create the icons. They're really nice.

Keeheon · April 2009

kieran12;70956 said:
Wow, thanks for taking the time to create the icons. They're really nice.

Awesome! Thanks...

Towndrunk · April 2009

jpwain;70937 said:
Hey guys, just a heads up -- I've published some free (creative commons licensed) iPhone toolbar and tab bar icons at glyphish.com. I also included guidelines on how they work as well as a link to the Apple documentation.

Feel free to download and use them in your apps! I'd love to see screenshots of anywhere they're in use. If you can think of any icons or symbols that'd be good to add to the set, please let me know.

Wow! Nice icons.

Thanks!

jpwain · April 2009

Glad you like them!

Let me know if you use them (screenshots or invites to beta test always appreciated :) ) and please spread the word!

I'm creating a very similar set of icons scaled down sightly to work better as toolbar icons (the "blue bar" kind) and I hope to release it this month.

Desert Sun · April 2009

Fixed tab bar icons.
Thanks!

I have the same problem with my tab bar icons coming out looking like a blue square. I tried going into Photoshop and reversing the color (Back and White)
but it still does not work. I tried looking at the Elements sample code but could not see the tab bar icons? Anyone have any ideas?:confused:

Knertified · April 2009

jpwain;70937 said:
Hey guys, just a heads up -- I've published some free (creative commons licensed) iPhone toolbar and tab bar icons at glyphish.com. I also included guidelines on how they work as well as a link to the Apple documentation.

Feel free to download and use them in your apps! I'd love to see screenshots of anywhere they're in use. If you can think of any icons or symbols that'd be good to add to the set, please let me know.

Hey jpwain. Thanks for the icons. I never quite understood why artists would spend time on free icons though. How do you guys make money? :)

jpwain · April 2009

Knertified;71738 said:
Hey jpwain. Thanks for the icons. I never quite understood why artists would spend time on free icons though. How do you guys make money? :)

It's a work of passion ;)

The only reward for my art that I look for is attribution (Creative Commons license in this case) and that people who find it useful or just cool spread the word by telling friends, blogging, linking, twittering, etc.

Howdy, Stranger!

Forums

Tab Bar icons

Replies