Recreating The Raised Center Tab Bar Button of Instagram, DailyBooth & Path™July 9, 2013 at 9:35 am | Posted in Uncategorized | Leave a comment
Full Source code: https://github.com/boctor/idev-recipes/tree/master/RaisedCenterTabBar
These tab bars look pretty standard with the exception of the center item, so we’ll start out with a standard UITabBarController which contains a UITabBar.
Looking at the images inside each app, it is quickly apparent that the middle tab bar is simply a custom UIButton.
A UITabBar contains an array of UITabBarItems, which inherit from UIBarItem. But unlike UIBarButtonItem that also inherits from UIBarItem, there is no API to create a UITabBarItem with a customView.
So instead of trying to create a custom UITabBarItem, we’ll just create a regular one and then put the custom UIButton on top of the UITabBar.
Our basic recipe is then to create a subclass of UITabBarController and add…
View original post 186 more words