使用 uinavigationcontroller 时的全屏背景图像

Question

我有一个隐藏了 UINavigationBar 的 UINavigationController = YES。

我想要嵌入在 UINavigationController 中的视图的全屏背景。

但我只得到： http://cs616618.vk.me/v616618797/1bf0d/FEdIn0Nn4x8.jpg

是否可以在状态栏下全屏？我用独立的视图控制器实现了这一点，但是在 UINavigationController 中使用它时它变得像在图像上一样。

Answer 1

检查所有视图控制器是否正确配置：

UINavigationController:

rootViewController（里面UINavigationController）：

这是我使用上述配置和 UIImageView 上的 "Aspect fill" 设置得到的结果：

如果您想以编程方式执行此操作，请尝试以下操作：

在您的视图控制器代码中：

- (UIStatusBarStyle)preferredStatusBarStyle
{
    return UIStatusBarStyleLightContent;
}

以及您初始化 UINavigationController（AppDelegate 等）的位置：

navController.edgesForExtendedLayout = UIRectEdgeAll;

当然，不要忘记评论或删除所有可能干扰这些设置的代码行。

Answer 2

这是我使用 Swift 5, XCode 12.

对我有用的方法

第 1 步（可选）- 创建自定义 UINavigationController class

class CustomNavigationController: UINavigationController {
  override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    navigationBar.isTranslucent = true
}

用这个 UINavigationController subclass 替换你的 UINavigationController。我将其标记为可选，因为这是基于偏好的，如果你不设置它，你的导航栏将是不透明的，你看不到它下面的内容。

设置navigationBar.isTranslucent = true可以让你看到它下面的背景，这是我喜欢的。 subclass 也是可选的，但您可能需要对导航栏进行其他更新，所以我总是喜欢将其设为 subclass.

第 2 步 - 设置背景视图约束

class CustomViewController: UIViewController {
  // your background view
  let bgImageView: UIImageView = {
    let bgImageView = UIImageView()
    bgImageView.image = UIImage(named: "gradient_background")
    bgImageView.contentMode = .scaleAspectFill
    return bgImageView
}()

  // Get the height of the nav bar and the status bar so you
  // know how far up your background needs to go
  var topBarHeight: CGFloat {
    var top = self.navigationController?.navigationBar.frame.height ?? 0.0
    if #available(iOS 13.0, *) {
      top += UIApplication.shared.windows.first?.windowScene?.statusBarManager?.statusBarFrame.height ?? 0
    } else {
      top += UIApplication.shared.statusBarFrame.height
    }
    return top
  }

  var isLayoutConfigured = false

  override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    title = "Site Visit"

    // you only want to do this once
    if !isLayoutConfigured() {
      isLayoutConfigured = true
      configBackground()
    }
  }

  private func configBackground() {
    view.addSubview(bgImageView)
    configureBackgroundConstraints()
  }
  
  // Set up your constraints, main one here is the top constraint
  private func configureBackgroundConstraints() {
    bgImageView.translatesAutoresizingMaskIntoConstraints = false
    bgImageView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor,
                                     constant: -topBarHeight).isActive = true
    bgImageView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor,
                                         constant: 0).isActive = true
    bgImageView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor,
                                        constant: 0).isActive = true
    bgImageView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor,
                                          constant: 0).isActive = true
    
    view.layoutIfNeeded()
}

设置约束前：

设置以上约束后：

使用 uinavigationcontroller 时的全屏背景图像

full screen background image while using uinavigationcontroller

ios

ios7

uinavigationcontroller

uinavigationbar

uistatusbar