Custom UITabBar that expand on selection

I am trying to achieve the below attach image on the UITabbar.

http://i.imgur.com/7Tukx.png

It's pretty straight forward, on selection the tab expand with a label to display text and on selection on another tab, the selected tab will collapse.

I am not really sure how to do this with the UItabbar.

I will开发者_运维问答 appreciate if anyone could point me in the right direction.

---

for the custom tab you use this method on appdelegate class this method create two tab bar item. and you set your image..

-(void)SetTabs
{

tabBarController = [[UITabBarController alloc]init];

NSMutableArray *localControllerArray = [[NSMutableArray alloc]initWithCapacity:2];


UIImage *image = [UIImage imageNamed:@"home.png"];
GreetingCardsViewController *GreetingCardsView = [[[GreetingCardsViewController alloc] initWithNibName:@"GreetingCardsViewController" bundle:nil] autorelease];
UITabBarItem *item = [[UITabBarItem alloc]initWithTitle:@"Home" image:image tag:0];
UINavigationController *GreetingCardsViewNavigationController = [[UINavigationController alloc]initWithRootViewController:GreetingCardsView];
GreetingCardsView.tabBarItem = item;
[localControllerArray addObject:GreetingCardsViewNavigationController];


UIImage *image1 = [UIImage imageNamed:@"heart1.png"];
Cards *CardView = [[[Cards alloc] initWithNibName:@"Cards" bundle:nil] autorelease];
UITabBarItem *item1 = [[UITabBarItem alloc]initWithTitle:@"Cards" image:image1 tag:1];
UINavigationController *CardNavigationController = [[UINavigationController alloc]initWithRootViewController:CardView];
CardNavigationController.tabBarItem = item1;
[localControllerArray addObject:CardNavigationController];  
[tabBarController setViewControllers:localControllerArray];
[_window addSubview:tabBarController.view]; 
[localControllerArray release];
}

---

I'm not entirely sure what you're after, however I think this may be relevant to you. You could use the basic concept and tweak it to what you need.