IOS 禁止界面左滑返回

原创

mob649e815bbe69 2024-07-27 08:41:24 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e815bbe69的原创作品，请联系作者获取转载授权，否则将追究法律责任

iOS 禁止界面左滑返回：一种用户体验的权衡

在移动应用设计中，用户体验是一个至关重要的因素。iOS 系统提供了一种默认的交互方式，即通过左滑手势返回上一个界面。然而，并非所有应用场景都适合使用这种交互方式。本文将探讨在某些情况下禁止界面左滑返回的合理性，并提供相应的代码示例。

旅行图

在开始之前，让我们通过一个旅行图来了解用户在应用中的交互流程：

journey
    title 用户交互流程
    section 启动应用
      Start --> App: 应用启动
    section 进入主界面
      App --> Home: 进入主界面
    section 左滑返回
      Home --> App: 左滑返回
    section 禁止左滑返回
      App --> NoSwipe: 禁止左滑返回

何时禁止左滑返回

左滑返回是一种直观的交互方式，但它并不总是适用于所有应用场景。以下是一些可能需要禁止左滑返回的情况：

任务导向型应用：在需要用户完成特定任务的应用中，如填写表单或进行支付，禁止左滑返回可以防止用户在未完成任务的情况下意外退出。
内容导向型应用：在阅读文章或观看视频的应用中，左滑返回可能会打断用户的阅读或观看体验。
游戏应用：在游戏应用中，左滑返回可能会干扰游戏的进行，尤其是在需要集中注意力的游戏中。

代码示例

在 iOS 应用中，我们可以通过重写 UINavigationController 的 interactivePopGestureRecognizerEnabled 属性来禁止左滑返回。以下是 Swift 语言的示例代码：

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 禁止左滑返回
        navigationController?.interactivePopGestureRecognizer?.isEnabled = false
    }
}

对于使用 SwiftUI 的应用，我们可以通过以下方式实现：

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("禁止左滑返回")
                .navigationBarTitle("标题", displayMode: .inline)
        }
        .navigationBarHidden(true)
    }
}

序列图

让我们通过一个序列图来展示用户在应用中的交互过程：

sequenceDiagram
    participant User
    participant App
    participant ViewController

    User->>App: 启动应用
    App->>ViewController: 进入主界面
    User->>ViewController: 尝试左滑返回
    ViewController->>User: 禁止左滑返回
    User->>App: 继续使用应用