探索 UINavigationController 的全屏滑动返回奥秘：指南与洞察

2023-09-30 14:07:21

iOS 中 UINavigationController 的全屏滑动返回：深入探索

在 iOS 应用程序开发中，UINavigationController 扮演着至关重要的角色，为用户提供无缝的导航体验。通过全屏滑动返回功能，用户可以轻松地向左滑动屏幕，返回到上一个视图控制器。然而，当您自定义导航栏的返回按钮时，interactivePopGestureRecognizer（互动弹出识别器）——全屏滑动返回背后的关键机制——可能会失效。

interactivePopGestureRecognizer：全屏滑动返回的幕后推手

interactivePopGestureRecognizer 是 UINavigationController 中的一个内置手势识别器，它监听用户的滑动动作。当用户从屏幕左侧向右滑动时，interactivePopGestureRecognizer 会触发返回操作，将用户带回前一个视图控制器。

解决自定义导航栏与全屏滑动返回之间的冲突

自定义导航栏的返回按钮是 iOS 开发中常见的做法，它允许您根据应用程序的特定需求和设计准则定制导航栏的外观和行为。但是，当您自定义返回按钮时，interactivePopGestureRecognizer 可能会失效，导致无法滑动返回。

为了解决此冲突，我们需要采取以下步骤：

启用 interactivePopGestureRecognizer： 通过设置 navigationController.interactivePopGestureRecognizer.isEnabled 为 true，启用 interactivePopGestureRecognizer。这将允许用户从屏幕左侧滑动以触发返回操作。
自定义返回按钮的行为： 在自定义返回按钮时，使用以下代码覆盖返回按钮的默认行为，将用户返回到前一个视图控制器：

self.navigationItem.leftBarButtonItem?.target = self
self.navigationItem.leftBarButtonItem?.action = #selector(customBackButtonTapped)

分步指南：实现全屏滑动返回

在 viewDidLoad 方法中，启用 interactivePopGestureRecognizer：

override func viewDidLoad() {
    super.viewDidLoad()

    navigationController?.interactivePopGestureRecognizer?.isEnabled = true
}

在自定义返回按钮中覆盖返回操作：

@objc func customBackButtonTapped() {
    navigationController?.popViewController(animated: true)
}

示例代码

以下示例代码演示了如何在自定义导航栏返回按钮的情况下启用全屏滑动返回：

import UIKit

class CustomNavigationController: UINavigationController {

    override func viewDidLoad() {
        super.viewDidLoad()

        interactivePopGestureRecognizer?.isEnabled = true
    }

    override func pushViewController(_ viewController: UIViewController, animated: Bool) {
        super.pushViewController(viewController, animated: animated)

        viewController.navigationItem.leftBarButtonItem?.target = viewController
        viewController.navigationItem.leftBarButtonItem?.action = #selector(customBackButtonTapped)
    }

    @objc func customBackButtonTapped() {
        popViewController(animated: true)
    }
}

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        navigationItem.title = "Custom Navigation Bar"
        navigationItem.leftBarButtonItem = UIBarButtonItem(title: "Back", style: .plain, target: self, action: #selector(backButtonTapped))
    }

    @objc func backButtonTapped() {
        navigationController?.popViewController(animated: true)
    }
}

let navigationController = CustomNavigationController(rootViewController: ViewController())