1

I have an application that was initially built with iOS 4.0, but which is now iOS 7.0 + only.

I have a tab bar with 4 icons, and they used to be placed appropriately. But now, they are about 10 pixels higher than where they should be. (See images).

Before

Tab bar before

Now

enter image description here

The icons, the text or the nib files have not changed. I don't know where to look. Any ideas?

rmaddy
  • 314,917
  • 42
  • 532
  • 579
invalidArgument
  • 2,289
  • 4
  • 24
  • 35
  • What is your image icon size? – Mrunal May 28 '14 at 13:51
  • Non-retina: 50 x 50 pixels. Retina: 104 x 104 pixels. – invalidArgument May 28 '14 at 13:57
  • That is an issue, I guess so. Check this iOS HIG for tabbar icons: https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/IconMatrix.html – Mrunal May 28 '14 at 14:02
  • It was the issue all right. I thought I was following the guide, but I wasn't taking the note into account. I'm still thinking in non-retina pixels, and I multiply everything by 2. (The note mention sizes should be divided by 2 for non-retina). If you wrap this up in an answer, I'll accept it. Thank you for your help. – invalidArgument May 28 '14 at 14:37

2 Answers2

4

Please update your image dimensions according to : Apple Human Interface Guidelines

It has been changed for iOS 7.

Mrunal
  • 13,982
  • 6
  • 52
  • 96
0

Adjust the tabbarItem imageInsets

navigationCtroller.tabBarItem.imageInsets = UIEdgeInsetsMake(7,0, -7,0);
Vineesh TP
  • 7,755
  • 12
  • 66
  • 130