自定义TabBar

push页面时,可调用hidesBottomBarWhenPushed进行隐藏。

第一步,我们需要一些图片:

自定义TabBar

各个选项的图标和tabbar的背景图片,最后还要一个透明的1x1像素的图片。

第二步,新建一个工程,在工程内建一个继承于UITabBarController的类。

自定义TabBar

第三步,首先写一个方法,返回一个UINavigationController

 

-(UINavigationController*) viewControllerWithTitle:(NSString*) title image:(UIImage*)image

{

    UIViewController* viewController = [[UIViewController alloc] init];

    viewController.tabBarItem = [[UITabBarItem alloc] initWithTitle:title image:image tag:0];

    viewController.title = title;

    UINavigationController *nav = [[UINavigationController alloc]initWithRootViewController:viewController];

    return nav;

}

 

 

然后在viewDidLoad里面创建TabbarController的viewControllers

 self.viewControllers = [NSArray arrayWithObjects:

                            [self viewControllerWithTitle:@"1" image:IMG(@"1")],

                            [self viewControllerWithTitle:@"2" image:IMG(@"2")],

                            [self viewControllerWithTitle:nil image:nil],

                            [self viewControllerWithTitle:@"3" image:IMG(@"3")],

                            [self viewControllerWithTitle:@"4" image:IMG(@"4")], nil];

 

看到没有,比较猥琐的就是第三个ViewController什么都没设置。

 

因为我们要在那个位置放一个自己的按钮,继续在viewDidLoad写: 

    UIButton* button = [[UIButton alloc]initWithFrame:CGRectMake(0.0, 0.0, 65, 65)];

    button.center = CGPointMake(160, 20);

    [button setBackgroundImage:IMG(@"add") forState:UIControlStateNormal];

    [button addTarget:self action:@selector(add:) forControlEvents:UIControlEventTouchUpInside];

    [self.tabBar addSubview:button];

 

 

 

 

然后设置背景图片: 

    [self.tabBar setBackgroundImage:IMG(@"tabbarbg")];

 

运行之后是这样的:

自定义TabBar

会发现按钮上面有一条横线,然后再设置这个阴影运行后就没有人发现你猥琐的行径。

    [self.tabBar setShadowImage:IMG(@"transparent")];

 

 

最后效果图(iOS7和iOS6):

 


自定义TabBar自定义TabBar

 

这样做的好处:

在ViewController里push页面的时候可调用hidesBottomBarWhenPushed的属性进行隐藏。

 转载在:http://blog.csdn.net/yin_xianwei/article/details/22420169

源码下载

你可能感兴趣的:(自定义)