Is there a way to change the text position in UITabBar or UITabBarItem?

Question

enter image description here

This is a custom tab bar I intended to put up on the screen. However, my partner want the text to be slightly up. How can I do so?

score 53 · Accepted Answer · edited May 23 '17 at 12:02

53

Why don't you just have an empty title property for your view controller and add the title to your custom images for the tab?

UPDATE: For the sake of completeness of answer; from comments and ios tabbar put text in the middle when no image

[tab.tabBarItem setTitlePositionAdjustment:UIOffsetMake(0, -10)]

edited May 23 '17 at 12:02

Community

1
1

answered Nov 29 '12 at 03:27

Srikar Appalaraju

66,073
51
206
260

Good enough. I found a better way:http://stackoverflow.com/questions/12586411/ios-tabbar-put-text-in-the-middle-when-no-image – user4234 Nov 29 '12 at 03:28
ended up selecting your answers because it's more comprehensive :) – user4234 Dec 03 '12 at 05:11
Why (0, -10) ? I don't understand... Can you explain me? – LKM Aug 08 '15 at 15:04
@LKM 0 means no horizontal offset, -10 moves the text up. – Jeremy Wiebe Aug 19 '15 at 23:49
You also can do it in storyboard. – Nik Kov Apr 28 '17 at 19:16

score 43 · Answer 2 · edited May 24 '16 at 23:52

43

You probably want to apply this offset globally, so I'd suggest

Obj-C

[UITabBarItem appearance].titlePositionAdjustment = UIOffsetMake(0, -4);

Swift:

UITabBarItem.appearance().titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -4)

edited May 24 '16 at 23:52

user3378170

2,191
19
11

answered Mar 19 '15 at 11:18

Tim Windsor Brown

3,853
5
23
33

correction for Swift: `UITabBarItem.appearance().titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -4)` – 262Hz Dec 30 '15 at 01:44
3

If you just want to adjust the vertical position (in swift) you might also use this `UITabBarItem.appearance().titlePositionAdjustment.vertical = -4` – benrudhart Dec 12 '16 at 16:32

score 11 · Answer 3 · answered Oct 25 '15 at 16:10

11

Here's the same trick with Interface builder:

answered Oct 25 '15 at 16:10

AmitP

4,985
4
31
27

Nice one! Also introduces the user defined runtime attributes section, thanks! – craft Apr 19 '19 at 17:55

score 10 · Answer 4 · edited Nov 22 '16 at 22:35

10

You can do it directly from Interface Builder (Custom Offset in Title Position), like this: link

edited Nov 22 '16 at 22:35

Aurora0001

10,827
5
47
50

answered Nov 22 '16 at 19:49

kamil3

1,072
1
13
18

1

Just tried it and it works, however, when you go into landscape mode, your text will not be centered to your image anymore (because in landscape mode image and label are positioned horizontaly, not vertically) – Starwave Mar 08 '18 at 10:21

score 2 · Answer 5 · answered Apr 02 '20 at 09:58

For iOS 13 and later:

if #available(iOS 13, *) {
        let appearance = UITabBarAppearance()
           appearance.stackedLayoutAppearance.selected.titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -10)
           appearance.stackedLayoutAppearance.normal.titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -10) 
     }

score 0 · Answer 6 · edited May 23 '17 at 11:47

0

I've found the answer here: ios tabbar put text in the middle when no image will try this one and see how it goes :)

Update: It works. Only 1 line of code.

edited May 23 '17 at 11:47

Community

1
1

answered Nov 29 '12 at 03:28

user4234

1,763
1
19
33

Is there a way to change the text position in UITabBar or UITabBarItem?

6 Answers6

Linked