Tab Bar icons

kieran12 · 08-27-2008, 08:50 PM

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 · 08-27-2008, 10:22 PM

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 · 08-27-2008, 11:23 PM

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 · 08-28-2008, 06:50 AM

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 · 08-28-2008, 06:53 AM

I've attatched a picture of it to this

kieran12 · 08-28-2008, 06:55 AM

I've attatched a picture of it to this

Stitch · 08-28-2008, 06:56 AM

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 · 08-28-2008, 06:59 AM

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

kieran12 · 08-28-2008, 07:03 AM

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

pulp · 10-03-2008, 05:36 AM

Quote:

Originally Posted by Stitch

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

Thanks a lot Stitch!

higgins · 01-14-2009, 07:39 PM

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 · 01-15-2009, 05:46 AM

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 · 01-15-2009, 09:40 AM

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 · 02-19-2009, 01:19 PM

Quote:

Originally Posted by DebbieM

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 · 02-19-2009, 07:11 PM

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

?
is correct to do25x25 grayscale icons?
thx a lot!

HookieTookie · 02-20-2009, 01:59 AM

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) ?

Quote:

Originally Posted by kiavor

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

?
is correct to do25x25 grayscale icons?
thx a lot!

kiavor · 02-20-2009, 04:23 AM

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 · 03-22-2009, 12:18 AM

Quote:

Originally Posted by kiavor

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 · 04-09-2009, 03:25 PM

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 · 04-09-2009, 04:36 PM

Quote:

Originally Posted by jpwain

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 · 04-09-2009, 05:02 PM

Quote:

Originally Posted by kieran12

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

Awesome! Thanks...

Towndrunk · 04-10-2009, 01:57 PM

Quote:

Originally Posted by jpwain

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 · 04-12-2009, 08:58 AM

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 · 04-12-2009, 10:12 AM

Fixed tab bar icons.
Thanks!

Quote:

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?

Knertified · 04-12-2009, 11:14 AM

Quote:

Originally Posted by jpwain

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?