TabBar image size in landscape mode

Question

I am working on application which supports both Portrait and Landscape mode. I am using default TabBarController in Storyboard.

NOTE: I am adding custom offset on images

In Portrait mode the image size of tabbarItems are looking well nice. But when i am rotating my device to landscape mode, the TabbarItems images are looking too small

How can I resolve this so that i can have the bigger size for landscape mode.

Here are the screenshots for both portrait and landscape mode.

Any better approach for tab bar in landscape mode ?

Thanks!

#Edit 1 I added custom offset for landscape mode (all are having a negative value) and the size increased. but on tapping the size is increasing (on each tap)

#Edit 2 I removed left and right inset from landscape mode and the increasing image size is fixed but the size is again decreased.

Any Suggestion about what's happening ?

It'd be better if you cropped those images so that we only see the important parts. — al45tair, Nov 16 '17 at 14:27
@RikeshSubedi, Yes, I am giving custom offset to images for keeping them in center. — Krishna Datt Shukla, Nov 17 '17 at 05:48

score 0 · Answer 1 · answered Nov 22 '17 at 09:47

0

Tried to add imageInsets

 var item0: UITabBarItem? = tabBarController.tabBar.items[0]
 item0?.imageInsets = UIEdgeInsetsMake(3, 0, -3, 0)

answered Nov 22 '17 at 09:47

Aman Gupta

159
1
8

i am doing same from storyboard – Krishna Datt Shukla Nov 22 '17 at 12:40

score 0 · Accepted Answer · answered Nov 29 '17 at 21:28

0

I just ran into this, you need to set the tabbarItem's landscapeImagePhoneInsets property as well.

answered Nov 29 '17 at 21:28

dave234

4,793
1
14
29

score 0 · Answer 3 · answered Jan 30 '19 at 12:40

0

If you have set icons from storyboard try setting same image for landscape also.See the landscape property and set image like this

answered Jan 30 '19 at 12:40

Mak13

330
3
14

TabBar image size in landscape mode

3 Answers3