How can I customize the bottom tab bar of UITabBarController to this exact mockup?

Question

I would like to customise the bottom bar of the UITabBarController to like this:

How can I achieve this? Thanks!

Answer 1

This should be easy on iOS 5xx and above. You need to look at the UIAppearance proxy methods which allow skinning of Apple default UIKit elements.

UITabBar has

@property(nonatomic,retain) UIImage *backgroundImage

UITabBarItem has

- (void)setFinishedSelectedImage:withFinishedUnselectedImage:
- (void)setTitlePositionAdjustment:

Answer 2

I think this web page would be of some value to you:

Recreating the raised Center Tab Bar Button...