如何隐藏uitabbarcontroller

时间：2011-03-11 11:24:55

标签： iphone ios uitabbarcontroller

我对UITabBarController有疑问。在我的应用程序中，我想隐藏它但不使用hidesBottomBarWhenPushed，因为我想隐藏它而不是在我推动它时。例如，我想在我的应用程序中按“隐藏”按钮时隐藏它。

我在谷歌阅读了很多文章，但我无法知道如何做到这一点。

15 个答案:

答案 0 :(得分：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]; 
}

答案 1 :(得分：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方向，并确保即使设备背面也能正常工作。

答案 2 :(得分：34)

在按钮的操作方法中：

[self.tabBarController.tabBar setHidden:YES];

答案 3 :(得分：11)

Saurahb和karlbecker_com的解决方案很棒，但是当视图包含 tableview 时，它们会导致明显的弹出效果，同时标签栏会动画回来。我做了一些修改并将它组合成一个函数（作为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];

答案 4 :(得分：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。

答案 5 :(得分：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();
}

答案 6 :(得分：4)

@karlbecker_com答案适用于iPhone 4和iPhone 5.如果有人在底部遇到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];
}

答案 7 :(得分：4)

自IOS 7.1以来，“Swift”解决方案：

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

希望这有帮助！

答案 8 :(得分：3)

你可以推动模态视图控制器

[self presentModalViewController:myFullscreenViewController animated:YES];

这将创建一个全屏高于当前视图的全新视图。

使用dismissModalViewController:animated:

解雇ist

答案 9 :(得分：3)

下面的解决方案在我完全相同的用例中运行正常，我必须使用TabBar动画移动到全屏模式。

基本上，这个想法是

  1. 制作 UITabBar 的快照;

  2. 将快照的 UIImage 添加到 UIImageView ，其框架与 UITabBar 相同;

  3. 调整基础视图的大小并将其置于 self.tabBarController.view ;

  4. 将 UITabBar 的alpha设置为0.0;

  5. 将 UIImageView 的 UITabBar 快照放在 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;
}

答案 10 :(得分：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];
        }
    }
}

答案 11 :(得分：3)

在iOS8中，只需设置hidden的{​​{1}}属性就足够了 就像在Swift中一样，你可以

tabBar

我在rootTabVC = UITabBarController() rootTabVC?.tabBar.hidden = true 的{​​{1}}中执行此操作并且工作正常，我认为如果我在较旧的iOS版本中记得正确，您还需要设置didFinishLaunchingWithOptions的{ {1}}到屏幕外的某些内容，否则appdelegate将无法显示，但仍会占据空间。

答案 12 :(得分：2)

@Saurabh代码的Swift和修改版本

方法 

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)
}

答案 13 :(得分：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
            }
        })
    }
}

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

答案 14 :(得分：0)

带有动画的快速版本，您需要自己设置属性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))!
 })
相关问题
最新问题