Tab bar Icon Size

Targets iOS
1

Not sure what I’ve missed, docs say for an icon for the iostabbar create around 50x50, so I do and see it look incorrect in the IDE and bigger than the bar in the simulator, (5s and 6).

IDE

Simulator

Both icons are 50x50.

Any thoughts?

Thanks, Richard

2

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW2

I’d actually use 44 x 44

3

I did find that page, felt good that 50 x 50 should be ok. Just tried 44 x 44, not brilliant either, top of the left one still clips the top of the tab bar.

Thanks though.

4

I use 32x32 icons in my app’s tabbar and they look good to me. Also be use to add @2x and @3x versions for retina devices.

5

In the IDE ?
Or in the simulator ?

In the IDE it may just be a drawing bug since we custom draw everything (unlike desktop where we can have the OS draw it for us)

In the simulator well … that’s Apple & we dont do anything special to scale the icon etc.

I have it in my head we used 28 x 28 for the XDC application but then it also has the icon + text label under it

6

Thanks. I did find some useful info here, http://ivomynttinen.com/blog/the-ios-design-cheat-sheet-volume-2/ which is slightly out of date and that leads to this, http://iosdesign.ivomynttinen.com/

Interesting reading for the night!

7

[quote=202781:@Norman Palardy]In the IDE ?
Or in the simulator ?
[/quote]

That was in the Simulator. I’m good for now tho’.Thanks