如何隐藏uitabbarcontroller

75

我有一个问题UITabBarController。在我的应用程序中，我想隐藏它但不使用它，hidesBottomBarWhenPushed因为我不想在按下它时就隐藏它。例如，我想在我的应用程序中按“隐藏”按钮时将其隐藏。

我在Google上阅读了许多文章，但找不到方法。

iphone  ios  uitabbarcontroller 
— 维克多·阿波扬
source
— 庞

Answers:

149

我正在从我的工作代码中粘贴此代码...您可以调用这些方法来隐藏和显示tabbarcontroller ....只需将tabbarcontroller实例传递给这些函数即可。 

// Method call
[self hideTabBar:self.tabBarController];   

// Method implementations
- (void)hideTabBar:(UITabBarController *) tabbarcontroller
{
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.5];

    for(UIView *view in tabbarcontroller.view.subviews)
    {
        if([view isKindOfClass:[UITabBar class]])
        {
            [view setFrame:CGRectMake(view.frame.origin.x, 480, view.frame.size.width, view.frame.size.height)];
        } 
        else 
        {
            [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width, 480)];
        }
    }

    [UIView commitAnimations];   
}

- (void)showTabBar:(UITabBarController *) tabbarcontroller
{       
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.5];
    for(UIView *view in tabbarcontroller.view.subviews)
    {
        NSLog(@"%@", view);

        if([view isKindOfClass:[UITabBar class]])
        {
            [view setFrame:CGRectMake(view.frame.origin.x, 431, view.frame.size.width, view.frame.size.height)];

        } 
        else 
        {
            [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width, 431)];
        }
    }

    [UIView commitAnimations]; 
}
— 索拉卜
source
苹果能让你这样做吗？我的意思是，
— 标签栏
3
我正在尝试这种解决方案。当调用hideTabbar（）方法时，我的标签栏处于隐藏状态，但底部显示黑色空间（位置相同的标签栏）。我该如何解决？
— 雷鸟2014年
58

修改了Setomidor对在风景，人像和iPad上均可使用的答案（320和480值仅在iPhone上适用）。

- (void) hideTabBar:(UITabBarController *) tabbarcontroller 
{
    CGRect screenRect = [[UIScreen mainScreen] bounds];

    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.5];
    float fHeight = screenRect.size.height;
    if(  UIDeviceOrientationIsLandscape([UIApplication sharedApplication].statusBarOrientation) )
    {
        fHeight = screenRect.size.width;
    }

    for(UIView *view in tabbarcontroller.view.subviews)
    {
        if([view isKindOfClass:[UITabBar class]])
        {
            [view setFrame:CGRectMake(view.frame.origin.x, fHeight, view.frame.size.width, view.frame.size.height)];
        } 
        else 
        {
            [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width, fHeight)];
            view.backgroundColor = [UIColor blackColor];
        }
    }
    [UIView commitAnimations];
}



- (void) showTabBar:(UITabBarController *) tabbarcontroller 
{   
    CGRect screenRect = [[UIScreen mainScreen] bounds];
    float fHeight = screenRect.size.height - tabbarcontroller.tabBar.frame.size.height;

    if(  UIDeviceOrientationIsLandscape([UIApplication sharedApplication].statusBarOrientation) )
    {
        fHeight = screenRect.size.width - tabbarcontroller.tabBar.frame.size.height;
    }

    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.5];
    for(UIView *view in tabbarcontroller.view.subviews)
    {   
        if([view isKindOfClass:[UITabBar class]])
        {
            [view setFrame:CGRectMake(view.frame.origin.x, fHeight, view.frame.size.width, view.frame.size.height)];            
        } 
        else 
        {
            [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width, fHeight)];
        }       
    }
    [UIView commitAnimations]; 
}

还修改了代码，以处理iOS 6中引入的UIDevice方向更改，并确保即使设备平躺也能正常工作。

— karlbecker_com
source
10
此时应更换- 49.0同tabbarcontroller.tabBar.frame.size.height为在未来的IOS版本突破的机会更少更干净的代码。
— 伊桑·艾伦
34

在按钮的操作方法中：

[self.tabBarController.tabBar setHidden:YES];
— 塞莱什
source
2
此方法在iOS 7中有效，但在iOS 6中，它将在选项卡栏所在的位置留下很大的空白。
— Danyal Aytekin
对我来说，在iOS 13.3上它不起作用-消失了，但留有空白。
— Nikolay Suvandzhiev
您是否在视图控制器信息中尝试了“ underOpaqueBars”和其他内容
— Moose
12

Saurahb和karlbecker_com的解决方案很棒，尽管当视图包含表格视图且选项卡栏动画备份时，它们可能引起明显的弹出效果。我进行了一些修改，并将其组合为一个函数（作为UITabBarController上的类别）。它不是完全完美的（延迟校正动画），但是在表格中给出了很好的结果。

如果您喜欢动画块和类别，请尝试一下。方向和设备友好。

UITabBarController + ShowHideBar.m：

#import "UITabBarController+ShowHideBar.h"

@implementation UITabBarController (ShowHideBar)

- (void) setHidden:(BOOL)hidden{

    CGRect screenRect = [[UIScreen mainScreen] bounds];
    float fHeight = screenRect.size.height;
    if(  UIDeviceOrientationIsLandscape([UIApplication sharedApplication].statusBarOrientation) ){
        fHeight = screenRect.size.width;
    }

    if(!hidden) fHeight -= self.tabBar.frame.size.height;

    [UIView animateWithDuration:0.25 animations:^{
        for(UIView *view in self.view.subviews){
            if([view isKindOfClass:[UITabBar class]]){
                [view setFrame:CGRectMake(view.frame.origin.x, fHeight, view.frame.size.width, view.frame.size.height)];
            }else{
                if(hidden) [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width, fHeight)];
            }
        }
    }completion:^(BOOL finished){
        if(!hidden){

            [UIView animateWithDuration:0.25 animations:^{

                for(UIView *view in self.view.subviews)
                {
                    if(![view isKindOfClass:[UITabBar class]])
                        [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width, fHeight)];
                }

            }];
        }
    }];

}

@end

UITabBarController + ShowHideBar.h：

#import <UIKit/UIKit.h>

@interface UITabBarController (ShowHideBar)

- (void) setHidden:(BOOL)hidden;

@end

用法： 

[self.tabBarController setHidden:YES];
[self.tabBarController setHidden:NO];
— 托马斯·维尔贝克
source
9

Saurabh的上述答案可以扩展为也适用于横向：

+ (void) hideTabBar:(UITabBarController *) tabbarcontroller {

    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.5];

    //Support for landscape views
    int orientation = [[UIDevice currentDevice] orientation];
    int x_pos = 480;
    if (orientation == UIInterfaceOrientationLandscapeLeft || orientation == UIInterfaceOrientationLandscapeRight) {
        x_pos = 320;
    }

    for(UIView *view in tabbarcontroller.view.subviews)
    {
        if([view isKindOfClass:[UITabBar class]])
        {
            [view setFrame:CGRectMake(view.frame.origin.x, x_pos, view.frame.size.width, view.frame.size.height)];
        } 
        else 
        {
            [view setFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width, x_pos)];
        }       
    }   
    [UIView commitAnimations]; 
}

`

showTabBar（）的对应x_pos数字为431和271。

— 塞多米多
source
4

@karlbecker_com Answer适用于iPhone 4和iPhone5。如果任何人在底部的iOS7黑色栏上遇到问题，请将tabBarController设置为透明

#define SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v)  ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] != NSOrderedAscending)

// To Hide the black line in IOS7 only, this extra bit is required
if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
    [self.tabBarController.tabBar setTranslucent:YES];
}
— 第396节
source
4

这是karlbecker_com的答案，已移植到MonoTouch（Xamarin.iOS）。唯一的不同是，我在从UITabBarController继承的类上实现了方法，因此对“ tabbarcontroller”的引用被“ ”替换了this。

public void HideTabBar()
{
    var screenRect = UIScreen.MainScreen.Bounds;
    float fHeight = screenRect.Height;
    if(UIApplication.SharedApplication.StatusBarOrientation == UIInterfaceOrientation.LandscapeLeft
       || UIApplication.SharedApplication.StatusBarOrientation == UIInterfaceOrientation.LandscapeRight)
    {
        fHeight = screenRect.Width;
    }

    UIView.BeginAnimations(null);
    UIView.SetAnimationDuration(0.4);
    foreach(UIView view in this.View.Subviews)
    {
        if(view is UITabBar)
        {
            view.Frame = new RectangleF(view.Frame.X, fHeight, view.Frame.Width, view.Frame.Height);
        } 
        else 
        {
            view.Frame = new RectangleF(view.Frame.X, view.Frame.Y, view.Frame.Width, fHeight);
            view.BackgroundColor = UIColor.Black;
        }
    }
    UIView.CommitAnimations();
}

public void ShowTabBar()
{   
    var screenRect = UIScreen.MainScreen.Bounds;
    float fHeight = screenRect.Height - 49f;
    if(UIApplication.SharedApplication.StatusBarOrientation == UIInterfaceOrientation.LandscapeLeft
       || UIApplication.SharedApplication.StatusBarOrientation == UIInterfaceOrientation.LandscapeRight)
    {
        fHeight = screenRect.Width - 49f;
    }

    UIView.BeginAnimations(null);
    UIView.SetAnimationDuration(0.4);
    foreach(UIView view in this.View.Subviews)
    {
        if(view is UITabBar)
        {
            view.Frame = new RectangleF(view.Frame.X, fHeight, view.Frame.Width, view.Frame.Height);
        } 
        else 
        {
            view.Frame = new RectangleF(view.Frame.X, view.Frame.Y, view.Frame.Width, fHeight);
        }
    }
    UIView.CommitAnimations();
}
— 地亚哥
source
4

从IOS 7.1开始，“快速”解决方案：

self.tabBarController?.tabBar.hidden = true // hide tabbar
self.tabBarController?.tabBar.hidden = false // show tabbar

希望这会有所帮助！

— 四峰
source
1
但是，这不会调整视图控制器的内容空间。留下自由区域。
— tcurdt
3

您可以推送模式视图控制器

[self presentModalViewController:myFullscreenViewController animated:YES];

这样会全屏显示当前视图上方的全新视图。

解雇 dismissModalViewController:animated:

3

以下解决方案在我必须使用TabBar动画切换到全屏模式的完全相同的用例中对我来说效果很好。

基本上，这个想法是

  1. 制作UITabBar的快照;

  2. 将快照的UIImage添加到与UITabBar具有相同帧的UIImageView中；

  3. 调整基础视图的大小并将其放置在self.tabBarController.view上；

  4. 将UITabBar的alpha设置为0.0;

  5. 将具有UITabBar快照的UIImageView放置在self.tabBarController.view上;

  6. 一旦达到上述要求，就可以做任何形式的动画

    #import "QuartzCore/CALayer.h"

@implementation FTBFirstViewController {
   BOOL hidden;
   UIImageView *fakeTabBarImageView;
   UIView *viewToResize;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    //////////////////////////////
    // Create your viewToResize
    //////////////////////////////
    [self.view addSubview:viewToResize];

    hidden = NO;
}

- (void)hideTabBar:(id)sender {
    if (!hidden) {
        //
        // to create the fake UITabBar
        fakeTabBarImageView = [[UIImageView alloc] initWithFrame:CGRectZero];
        UIImage *fakeTabBarImage = [self imageScreenshotFromView:self.tabBarController.tabBar];
        fakeTabBarImageView.image = fakeTabBarImage;
        fakeTabBarImageView.frame = self.tabBarController.tabBar.frame;
        //
        // to resize underlying UIView
        viewToResize.frame = (CGRect){viewToResize.frame.origin.x, viewToResize.frame.origin.y + 20.f, viewToResize.frame.size.width, viewToResize.frame.size.height + fakeTabBarImageView.frame.size.height};
        //
        // to hide real UITabBar
        self.tabBarController.tabBar.alpha = 0.0;
        //
        // to add views in exactly this order
        [self.tabBarController.view addSubview:viewToResize];
        [self.tabBarController.view addSubview:fakeTabBarImageView];
        //
        // do any sort of animation
        [UIView animateWithDuration:0.8 animations:^{
            fakeTabBarImageView.frame = (CGRect){fakeTabBarImageView.frame.origin.x, fakeTabBarImageView.frame.origin.y + fakeTabBarImageView.frame.size.height, fakeTabBarImageView.frame.size};
        }];

        hidden = YES;
    } else {
        [UIView animateWithDuration:0.8 animations:^{
                fakeTabBarImageView.frame = (CGRect){fakeTabBarImageView.frame.origin.x, fakeTabBarImageView.frame.origin.y - fakeTabBarImageView.frame.size.height, fakeTabBarImageView.frame.size};
        } completion:^(BOOL complete){
            self.tabBarController.tabBar.alpha = 1.0;
            [fakeTabBarImageView removeFromSuperview];
            fakeTabBarImageView = nil;

            viewToResize.frame = self.view.frame;
            [self.view addSubview:viewToResize];

            [fakeTabBarImageView removeFromSuperview];
        }]; 

        hidden = NO;
    }
}

- (UIImage *)imageScreenshotFromView:(UIView *)aView {
    UIImage *viewImage;

    UIGraphicsBeginImageContextWithOptions(aView.bounds.size, aView.opaque, [[UIScreen mainScreen] scale]);
    [aView.layer renderInContext:UIGraphicsGetCurrentContext()];
    viewImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return viewImage;
}
— 叶文·杜比宁（Yevhen Dubinin）
source
3

我几乎尝试了所有这些答案，但没有一个对我有用。我的应用程序有一个UITabBarController作为根视图，每个选项卡都有一个UINavigationController。其中一个UINavigationControllers具有一个UICollectionViewController作为顶部视图控制器。当用户在UICollectionView中选择一个项目时，我希望明细视图控制器被推入导航堆栈。然后，我的详细信息视图在底部有一个工具栏。我不希望工具栏显示在选项卡栏的顶部，因为它看起来很笨拙，并且不需要从该视图切换选项卡上下文。我本可以通过手动放置UIToolbars和UITabBars而不使用UITabBarController和内置的UIToolbar来轻松解决此问题的，但是这似乎过于重构并且有点不雅致。

最后，我的解决方案非常简单：将UITabBarController的边界扩展到屏幕底部之外。我将此添加到我的详细信息视图控制器中：

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];

    // Extend the UITabBarController to shift the tab bar off screen
    CGRect screenRect = [[UIScreen mainScreen] bounds];
    CGRect tabBarControllerFrame = self.tabBarController.view.frame;
    if (animated) {
        [UIView beginAnimations:nil context:NULL];
        [UIView setAnimationDuration:0.5];
        tabBarControllerFrame.size.height = screenRect.size.height +
            self.tabBarController.tabBar.frame.size.height;
        [self.tabBarController.view setFrame:tabBarControllerFrame];
        [UIView commitAnimations];
    }
    else {
        tabBarControllerFrame.size.height = screenRect.size.height +
            self.tabBarController.tabBar.frame.size.height;
        [self.tabBarController.view setFrame:tabBarControllerFrame];
    }

    // Now show the toolbar
    [self.navigationController setToolbarHidden:NO animated:animated];
}

- (void)viewWillLayoutSubviews
{
    [super viewWillLayoutSubviews];

    // Ensure the UITabBarController remains extended when subviews are laid out
    CGRect screenRect = [[UIScreen mainScreen] bounds];
    CGRect tabBarControllerFrame = self.tabBarController.view.frame;
    tabBarControllerFrame.size.height = screenRect.size.height + 
        self.tabBarController.tabBar.frame.size.height;
    [self.tabBarController.view setFrame:tabBarControllerFrame];
}

然后，当用户弹出回到UINavigationController的顶部时，为了重新显示标签栏，我将其添加到了顶部视图控制器中：

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];

    // Hide toolbar
    [self.navigationController setToolbarHidden:YES animated:animated];

    // Tab bar back on to screen
    CGRect screenRect = [[UIScreen mainScreen] bounds];
    CGRect tabBarControllerFrame = self.tabBarController.view.frame;
    if (tabBarControllerFrame.size.height != screenRect.size.height) {
        if (animated) {
            [UIView beginAnimations:nil context:NULL];
            [UIView setAnimationDuration:0.5];
            tabBarControllerFrame.size.height = screenRect.size.height;
            [self.tabBarController.view setFrame:tabBarControllerFrame];
            [UIView commitAnimations];
        }
        else {
            tabBarControllerFrame.size.height = screenRect.size.height;
            [self.tabBarController.view setFrame:tabBarControllerFrame];
        }
    }
}
— 西恩
source
3

在iOS8中，只需 在Swift中设置Like的hidden属性tabBar
就可以了 

rootTabVC = UITabBarController()
rootTabVC?.tabBar.hidden = true

我这样做，我didFinishLaunchingWithOptions在appdelegate和它工作得很好，我想如果我在你还需要设置旧的iOS版本记错frame的tabBar屏幕之外的东西，否则tabbar就不会显示，但它仍然会占用的空间。

— 阿里
source
这不只是使其不可见？它仍然在那里，并会阻止其下的单击内容。
— h3dkandi
2

@Saurabh代码的快速和修改版本

方法 

func setTabBarHidden (bool:Bool){
        for view in tabBarController!.view.subviews {
            if (view.isKindOfClass(UITabBar)){
                let tabBar = view as! UITabBar
                UIView.animateWithDuration(0.3, animations: { () -> Void in
                    var offset = CGFloat(50)
                    if (bool == false){
                        offset = -50;
                    }
                    tabBar.frame = CGRect(origin: CGPointMake(tabBar.frame.origin.x, tabBar.frame.origin.y + offset), size: tabBar.frame.size)
             })   
        }
    }
}

显示

override func viewDidLoad() {
     setTabBarHidden(true)
}

隐藏

override func viewWillDisappear(animated: Bool) {
    setTabBarHidden(false)
}
— 胡萨姆
source
1

这是@Thomas Verbeek版本的瘦身版本，用于那些没有表的VC（在iOS 8.4下测试）：

extension UITabBarController {

    /**
    Shows or hides the tabbar

    :param: hidden            whether to show or hide the tabbar
    :param: animationDuration the animation's duration
    */
    func setHidden(hidden:Bool, animationDuration:NSTimeInterval = 0.25) {

        let screenRect = UIScreen.mainScreen().bounds
        var fHeight = screenRect.size.height

        if !hidden {
            fHeight -= self.tabBar.frame.size.height
        }

        UIView.animateWithDuration(animationDuration, animations: {
                for view in self.view.subviews as! [UIView] {
                    if view is UITabBar {
                        view.frame = CGRectMake(
                            view.frame.origin.x,
                            fHeight,
                            view.frame.size.width,
                            view.frame.size.height)
                    }
                }
            })
    }
}

这里是更直接的端口（未经测试）：

extension UITabBarController {

    /**
    Shows or hides the tabbar

    :param: hidden            whether to show or hide the tabbar
    :param: animationDuration the animation's duration
    */
    func setHidden(hidden:Bool, animationDuration:NSTimeInterval = 0.25) {

        let screenRect = UIScreen.mainScreen().bounds
        var fHeight = screenRect.size.height

        if UIInterfaceOrientationIsLandscape(UIApplication.sharedApplication().statusBarOrientation) {
            fHeight = screenRect.size.width
        }

        if !hidden {
            fHeight -= self.tabBar.frame.size.height
        }

        UIView.animateWithDuration(animationDuration, animations: {
                for view in self.view.subviews as! [UIView] {
                    if view is UITabBar {
                        view.frame = CGRectMake(
                            view.frame.origin.x,
                            fHeight,
                            view.frame.size.width,
                            view.frame.size.height)
                    }
                    else if hidden {
                        view.frame = CGRectMake(
                            view.frame.origin.x,
                            view.frame.origin.y,
                            view.frame.size.width,
                            fHeight)
                    }
                }
            }, completion: { finished in
                if !hidden {
                    UIView.animateWithDuration(animationDuration, animations: {
                        for view in self.view.subviews as! [UIView] {
                            if !(view is UITabBar) {
                                view.frame = CGRectMake(
                                    view.frame.origin.x,
                                    view.frame.origin.y,
                                    view.frame.size.width,
                                    fHeight)
                            }
                        }
                    })
                }
        })
    }
}
— dev_does_software
source
1

带有动画的快速版本，您需要isHideTabBar自己设置一个属性。 

self.isHideTabBar = !self.isHideTabBar
UIView.animate(withDuration: 0.5, animations: {
    self.tabBarController?.tabBar.frame = (self.tabBarController?.tabBar.frame.offsetBy(dx: 0, dy: self.isHideTabBar ? 100 : -100))!
 })
— 胡伟
source
0

隐藏选项卡栏不是一个足够的解决方案，它不会调整当前视图控制器的视图高度。

取而代之的是，您可以简单地更改选项卡栏本身，要么通过其高度（隐藏），要么通过身份转换以重置为可见。

extension UITabBarController {
    func setBarHiddenAnimated(_ hidden:Bool) {
        UIView.animate(withDuration: 0.3, animations: {
            if hidden {
                self.tabBar.transform = CGAffineTransform(translationX: 0, y: self.tabBar.frame.size.height)
            } else {
                self.tabBar.transform = CGAffineTransform.identity
            }
        })
    }
}

请注意，您可能需要将视图控制器设置为“在底部栏下方延伸”和“在不透明栏下方延伸”以在动画过程中删除黑色背景。

— 克里斯·斯坦普
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.