如何防止状态栏与 UINavigationController 上设置的 hidesBarsOnSwipe 内容重叠？

Question

我正在尝试使用 iOS 8 中添加的新功能 - 在用户滚动表格视图时隐藏导航栏（类似于移动 Safari 所做的）。我在viewDidAppear 的UITableViewController 方法中将UINavigationController 的属性hidesBarsOnSwipe 设置为YES：

- (void)viewDidAppear:(BOOL)animated {
    [super viewDidAppear:animated];
    if([self.navigationController respondsToSelector:@selector(hidesBarsOnSwipe)]) {
        self.navigationController.hidesBarsOnSwipe = YES;
    }
}

滚动视图时导航栏隐藏。到目前为止，一切都很好。但是状态栏仍然可见，我的表格视图内容通过它显示出来，看起来很难看：

我尝试将edgesForExtendedLayout 设置为UIEdgeRectNone 或调整表格视图的contentInset，但没有帮助。是否有任何其他解决方案可以将状态栏与导航栏一起隐藏，或使其不透明？

Answer 1

其实这很容易做到。您只需要将导航 isNavigationBarHidden 属性与状态栏连接起来。

Objective-C

- (BOOL)prefersStatusBarHidden {
    return self.navigationController.isNavigationBarHidden;
}

斯威夫特

override func prefersStatusBarHidden() -> Bool {
    return navigationController?.navigationBarHidden ?? false
}

Swift 3.0

override var prefersStatusBarHidden: Bool {
    return navigationController?.isNavigationBarHidden ?? false
}

并确保您的应用程序 .plist 文件中有“查看基于控制器的状态栏外观”=“YES”。

Answer 2

根据 anas 的回答，我有一个可行的解决方案（我假设 tableViewController 是您的 UITableViewController 实例）：

在UINavigationController 子类中（或者也可能来自tableViewController）：

- (void)viewDidLoad {
    if ([self respondsToSelector:@selector(barHideOnSwipeGestureRecognizer)]) {
        // iOS 8+
        self.hidesBarsOnSwipe = YES;
        [self.barHideOnSwipeGestureRecognizer addTarget:self action:@selector(swipe:)];
    }
}

- (void)swipe:(UISwipeGestureRecognizer *)recognizer {
    BOOL shouldHideStatusBar = self.navigationController.navigationBar.frame.origin.y < 0;
    tableViewController.hideStatusBar = shouldHideStatusBar;
    [UIView animateWithDuration:0.2 animations:^{
        [tableViewController setNeedsStatusBarAppearanceUpdate];
    }];
}

在你的tableViewController：

@property(nonatomic, getter = shouldHideStatusBar) BOOL hideStatusBar;

- (BOOL)prefersStatusBarHidden {
    return [self shouldHideStatusBar];
}

如果这对您不起作用，请告诉我。一些不明显的事情：

• self.navigationController.navigationBar.frame.origin.y 隐藏时为 -44（导航栏的负高度），可见时为 20（状态栏的高度）。即使在动画期间也没有中间值，因此负值 == 隐藏，非负值 == 可见。
• 子视图控制器是查询状态栏是否应该隐藏的控制器。就我而言，我在UITabBarController 中的UINavigationController 中有一个UIViewController，直到我覆盖UIViewController 上的prefersStatusBarHidden 后它才起作用。
• 由于隐藏的状态栏没有框架，除非您将调用 setNeedsStatusBarAppearanceUpdate 包装在动画块中，否则您的内容可能会向上抖动 20 点。
• 希望语法正确；我从我的 Swift 代码中反向移植了它。

Answer 3

这个新属性带有它的barHideOnSwipeGestureRecognizer。

来自UINavigationController Class Reference：

您可以根据需要对手势识别器进行更改，但不得 更改其委托，您不得删除默认目标对象 以及随之配置的操作。不要试图替换这个 通过覆盖属性来识别手势。

但你可以添加一个目标：

[self.navigationController setHidesBarsOnSwipe:YES];
[self.navigationController.barHideOnSwipeGestureRecognizer addTarget:self action:@selector(swipeGesture:)];

...并在回调中做任何你想做的事情：

- (void)swipeGesture:(UIPanGestureRecognizer*)gesture
{
    // Tweak the status bar
}

您可能需要手动打开手势状态，确定何时隐藏/显示状态栏等。希望对您有所帮助！

Answer 4

@iOSergey 的回答非常完美！

这是 Swift 1.2 中的解决方案。将以下代码添加到视图 .swift 文件中：

override func prefersStatusBarHidden() -> Bool {

    return self.navigationController!.navigationBarHidden as Bool

}

Answer 5

如果你想用动画隐藏状态栏：

override func preferredStatusBarUpdateAnimation() -> UIStatusBarAnimation {
    return .Slide
}

override func prefersStatusBarHidden() -> Bool {
    return navigationController?.navigationBarHidden ?? false
}

Answer 6

经过一番挣扎，我终于能够解决这个问题。

1. 将 TableViewController 更改为 UIViewController
2. 将一个 TableView 拖到 UIViewController 中，并在 main.storyboard 中的导航栏正下方对齐
3. 添加缺少的约束。
4. 点击 tableview 并检查约束
5. 将底部空间设置为：superview 为 0
6. 将超级视图的尾随空格设置为 0
7. 将 superview 的前导空间设置为 0
8. 设置“顶部对齐：顶部布局指南。顶部为 0（非常重要）

在 UIViewController 的 viewDidLoad 函数中添加如下代码：

// 为状态栏创建纯色背景（在 Swift 代码中）

让 statusFrame = CGRectMake(0.0, 0, self.view.bounds.size.width,
UIApplication.sharedApplication().statusBarFrame.size.height)

var statusBar = UIView(frame: statusFrame)

statusBar.backgroundColor = UIColor.whiteColor()

self.view.addSubview(statusBar)

您正在做的是在导航栏正下方创建一个实心栏。随着导航栏向上移动，实心栏也向上移动并位于状态栏的正后方。

唯一的问题是，当您将屏幕横向旋转时，即使状态栏消失，白条仍然存在。

Answer 7

好吧，我花了一整天的时间做这个，希望这可以帮助一些人。有一个barHideOnSwipeGestureRecognizer。因此，您可以为相应的UIPanGesture 创建一个侦听器，注意如果导航栏被隐藏，则它的 y 原点为 -44.0；否则为 0（不是 20，因为我们隐藏了状态栏！）。

在您的视图控制器中（swift 2）：

 // Declare at beginning
var curFramePosition: Double!
var showStatusBar: Bool = true
self.navigationController?.barHideOnSwipeGestureRecognizer.addTarget(self, action: "didSwipe:")

...

override func viewDidLoad(){
    self.navigationController?.hidesBarsOnSwipe = true
  curFramePosition = 0.0 // Not hidden
  self.navigationController?.barHideOnSwipeGestureRecognizer.addTarget(self, action: "didSwipe:")
  ...
}

func didSwipe(swipe: UIPanGestureRecognizer){
    // Visible to hidden
    if curFramePosition == 0 && self.navigationController?.navigationBar.frame.origin.y == -44 {
        curFramePosition = -44
        showStatusBar = false
        prefersStatusBarHidden()
        setNeedsStatusBarAppearanceUpdate()
    }
    // Hidden to visible
    else if curFramePosition == -44 && self.navigationController?.navigationBar.frame.origin.y == 0 {
        curFramePosition = 0
        showStatusBar = true
        prefersStatusBarHidden()
        setNeedsStatusBarAppearanceUpdate()
    }
}

override func prefersStatusBarHidden() -> Bool {
    if showStatusBar{
        return false
    }
    return true
}

Answer 8

另一种方法是添加另一个视图（在 tableview 或 collectionview 或 webview 或 scrollview 或任何其他视图之上）并将视图的顶部约束设置为“Superview.Top”并将其底部约束设置为“Top Layout Guide.Bottom” ,设置视图的背景颜色 就是这样，您甚至可以在 Interface Builder 中完成所有操作而无需任何代码。 如果你想响应那个事件，你可以添加一个 keypath 观察者到视图的 bounds change ，或者子类化视图并覆​​盖它的 bounds setter...

Answer 9

您需要将导航 isNavigationBarHidden 属性与状态栏连接起来。

    return self.navigationController.isNavigationBarHidden;