ios嵌入h5禁止侧滑返回

原创

mob64ca12ef5efc 2023-10-04 06:54:37 ©著作权

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

iOS嵌入H5禁止侧滑返回

在iOS中，当我们在H5页面中嵌入一些内容时，有时候希望禁止用户使用侧滑手势进行页面返回操作，本文将介绍如何实现这一功能。

1. 禁用侧滑返回手势

iOS系统中，当我们使用UIWebView或者WKWebView加载H5页面时，默认会启用侧滑返回手势。为了禁用该手势，我们需要设置webView的allowsBackForwardNavigationGestures属性为NO。

以下是一个示例代码：

// 创建WebView
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:webView];

// 禁用侧滑返回手势
webView.allowsBackForwardNavigationGestures = NO;

通过将allowsBackForwardNavigationGestures属性设置为NO，我们成功禁用了侧滑返回手势，用户将无法通过侧滑返回到上一个页面。

2. 实现自定义返回按钮

禁用侧滑返回手势后，页面将无法通过手势进行返回操作。为了提供返回功能，我们可以自定义一个返回按钮，并在按钮的点击事件中执行返回操作。

以下是一个示例代码：

// 创建返回按钮
UIButton *backButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 40, 40)];
[backButton setImage:[UIImage imageNamed:@"back_button"] forState:UIControlStateNormal];
[self.view addSubview:backButton];

// 绑定返回按钮的点击事件
[backButton addTarget:self action:@selector(backButtonClicked) forControlEvents:UIControlEventTouchUpInside];

// 返回按钮点击事件
- (void)backButtonClicked {
    // 执行返回操作
    [self.navigationController popViewControllerAnimated:YES];
}

在上述代码中，我们创建了一个自定义的返回按钮，并为按钮绑定了点击事件。在点击事件中，我们使用popViewControllerAnimated:方法执行返回操作，使得用户能够通过点击按钮返回上一个页面。

3. 完整示例代码

下面是一个完整的示例代码，展示了如何在iOS嵌入H5页面时禁用侧滑返回手势，并实现自定义返回按钮：

// 创建WebView
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:webView];

// 禁用侧滑返回手势
webView.allowsBackForwardNavigationGestures = NO;

// 创建返回按钮
UIButton *backButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 40, 40)];
[backButton setImage:[UIImage imageNamed:@"back_button"] forState:UIControlStateNormal];
[self.view addSubview:backButton];

// 绑定返回按钮的点击事件
[backButton addTarget:self action:@selector(backButtonClicked) forControlEvents:UIControlEventTouchUpInside];

// 返回按钮点击事件
- (void)backButtonClicked {
    // 执行返回操作
    [self.navigationController popViewControllerAnimated:YES];
}

通过以上代码，我们成功禁用了iOS中的侧滑返回手势，并实现了一个自定义的返回按钮。