如何淡出状态栏而不隐藏它

Question

iOS 开发者肯定知道关于状态栏和著名的“幻灯片/汉堡包/抽屉”的问题。这个问题在这里得到了很好的解释：http://uxmag.com/articles/adapting-ui-to-ios-7-the-side-menu

我正在使用MMDrawerController 库，它有一个很好的技巧，可以让我们在容器视图控制器上方创建一个虚拟状态栏。不幸的是，这并不是很好。有什么新的消息？消息是，我偶然发现了一个应用程序 (Tinder)，它完美地解决了这个令人兴奋的问题。我创建了一个 gif，完美地展示了 Tinder 的功能。

您需要等待几秒钟才能看到 gif，因为其中有一个错误，我不知道如何解决。只需等待一/两秒，您就可以正确看到 gif。

---

无论如何，Tinder 是做什么的？当用户点击左上角的菜单按钮并开始向右滑动时，状态栏淡出。当视图恢复到原始位置时，状态栏将再次显示。

对此我既高兴又有点难过，因为这意味着必须这样做，但我真的不知道如何实现它（也许是 hacking MMDrawerController）。任何帮助将不胜感激。

---

重要

请注意setStatusBarHidden:方法将完全隐藏状态栏，这意味着整个视图的高度为-20px。这显然不是解决方案，因为正如您从 gif 中看到的那样，视图没有被拉伸。

Answer 1

您的主要问题是MMDrawerController。如果你深入研究它，你会发现很多与状态栏相关的方法，例如setShowsStatusBarBackgroundViewsetStatusBarViewBackgroundColor 等等。当状态栏被隐藏时，他们的代码中的某些内容会向上推视图。

您也可以使用另一个抽屉控制器或使用自定义代码。

这里有一个简单的方法来完成这个：

ViewControllerA：

-(BOOL)prefersStatusBarHidden
{
    return _hidden;
}
- (void)statusHide
{
    [UIView animateWithDuration:0.4 animations:^() {[self setNeedsStatusBarAppearanceUpdate];
    }completion:^(BOOL finished){}];
}

ViewControllerB：（ViewControllerA 中的容器）

- (IBAction)move:(UIButton *)sender
{
    parent = (ViewController*)self.parentViewController;
    parent.hidden = !parent.hidden;
    CGRect frame = parent.blueContainer.frame;
    if(parent.hidden)
    {
        frame.origin.x = 150;
    }
    else
    {
        frame.origin.x = 0;
    }

    [UIView animateWithDuration:1 animations:^() {parent.blueContainer.frame = frame;}completion:^(BOOL finished){}];
    [parent statusHide];
}

对于 iOS 6 兼容使用：

[[UIApplication sharedApplication] setStatusBarHidden:_hidden withAnimation:UIStatusBarAnimationFade];

表格视图和其他子视图将留在它们的位置，不会被向上推。

编辑：

添加导航栏：

UINavigationController 会将其 UINavigationBar 的高度更改为 要么 44 分，要么 64 分，取决于一个相当奇怪和 未记录的一组约束。如果 UINavigationController 检测到 其视图框架的顶部在视觉上与其 UIWindow 的顶部，然后它绘制它的导航栏，高度为 64 点。如果其视图的顶部与 UIWindow 的顶部不连续 （即使只偏离一点），然后它会在其中绘制导航栏 高度为 44 点的“传统”方式。这个逻辑是 由 UINavigationController 执行，即使它是几个孩子 在应用程序的视图控制器层次结构中。那里 没有办法阻止这种行为。

取自here

您可以非常简单地继承 UINavigationController 并创建自己的导航栏来避免这种烦恼。

Answer 2

我不知道它是否能解决您的问题，但我使用 SWRevealViewController 项目获得了几乎相同的效果。在 appDelegate 中，我设置了此类的委托方法来执行此操作：

- (void)revealController:(SWRevealViewController *)revealController willMoveToPosition:(FrontViewPosition)position {
#ifdef DEBUG
    NSArray *teste = @[@"FrontViewPositionLeftSideMostRemoved",@"FrontViewPositionLeftSideMost",@"FrontViewPositionLeftSide",@"FrontViewPositionLeft",@"FrontViewPositionRight",@"FrontViewPositionRightMost",@"FrontViewPositionRightMostRemoved"];
    NSLog(@"%@ %d", teste[position], position);
#endif
    if (position == FrontViewPositionRight)
        [[UIApplication sharedApplication] setStatusBarHidden:YES  withAnimation:UIStatusBarAnimationFade];
    UINavigationController *frontViewController = (id)revealController.frontViewController;
    frontViewController.navigationBar.centerY += (position == FrontViewPositionRight) ?  20 : 0; //  20 == statusbar heihgt
}

- (void)revealController:(SWRevealViewController *)revealController didMoveToPosition:(FrontViewPosition)position {
    if (position == FrontViewPositionLeft)
        [[UIApplication sharedApplication] setStatusBarHidden:NO  withAnimation:UIStatusBarAnimationFade];
}

centerY 是 UIView 中的一个类别，它设置 center.y 而不处理设置框架变量的无聊部分。

Answer 3

在 iOS 7 中你应该如何做到这一点：

@implementation ViewController
{
    BOOL _hideStatusBar;
}

-(UIStatusBarStyle)preferredStatusBarStyle
{
    return UIStatusBarStyleDefault;
}

-(UIStatusBarAnimation)preferredStatusBarUpdateAnimation
{
    return UIStatusBarAnimationFade;
}

-(BOOL)prefersStatusBarHidden
{
    return _hideStatusBar;
}

-(void)setStatusBarHidden:(BOOL)hidden
{
    [UIView animateWithDuration:1.0 animations:^{
        _hideStatusBar = hidden;
        [self setNeedsStatusBarAppearanceUpdate];
    }];
}

@end

Answer 4

查看UIApplication 上的方法setStatusBarHidden:withAnimation:。它将允许您显示或隐藏状态栏，并且动画可以是无、淡出或滑动。您只需要添加一个调用来隐藏该栏并在正确的时间显示该栏，并决定您是否喜欢如图所示的淡入淡出，或者幻灯片是否更适合您。

https://developer.apple.com/library/ios/DOCUMENTATION/UIKit/Reference/UIApplication_Class/Reference/Reference.html#//apple_ref/occ/instm/UIApplication/setStatusBarHidden:withAnimation:

Answer 5

您可以使用-setStatusBarHidden:withAnimation:，如果您在-viewDidAppear: 中调整您的视图框架，那么您将看不到任何拉伸。 请注意，自动布局已禁用。

-(void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    CGRect frame = self.view.frame;
    // adjust root view frame 
    frame.origin.y -= 20;
    frame.size.height += 20;

    [self.view setFrame:frame];

    // adjust subviews y position
    for (UIView *subview in [self.view subviews])
    {
        CGRect frame = subview.frame;
        frame.origin.y += 20;
        [subview setFrame:frame];
    }
}

- (IBAction)sliderChanged:(id)sender
{
    UISlider *s = (UISlider *)sender;
    if (s.value > .5)
    {
        UIApplication *app = [UIApplication sharedApplication];
        if (![app isStatusBarHidden])
            [app setStatusBarHidden:YES withAnimation:UIStatusBarAnimationFade];
    }
    else
    {
        UIApplication *app = [UIApplication sharedApplication];
        if ([app isStatusBarHidden])
            [app setStatusBarHidden:NO withAnimation:UIStatusBarAnimationFade];
    }
}