Search code examples
iphoneobjective-cuitabbaritem

UITabBarItem title position


On searching the web on how to adjust the position of a UITabBarItem title position i ran over this similar post and still wondering how to do that.

Is it even possible to adjust the title position a bit from the bottom up? (for example 5px) I need this because i have custom images and now the position of the title is not perfect.


Solution

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

    You can do this (in iOS 5.0):

    UIImage* iconSelected = [UIImage imageNamed:@"tabIconSelected.png"];
    UIImage* iconNotSelected = [UIImage imageNamed:@"tabIconNotSelected.png"];
    UITabBarItem *updatesListItem = [[UITabBarItem alloc] initWithTitle:@"" image:iconSelected tag:0];
    [updatesListItem setFinishedSelectedImage:iconSelected withFinishedUnselectedImage:iconNotSelected];
    [navigationController setTabBarItem:updatesListItem];
    

    where tabIconSelected.png and tabIconNotSelected.png both contain the title text for the tab.

    I have written a brief article "Add some colour to your UITabBar icons" which explains how to use custom images with tabs.

    Hope this helps.