iOS导航栏上实现webView的网页返回及关闭按钮

Sian

1、功能描述：
1.1、webView中加载多层网页时需要实现浏览器的“返回”功能；
2.2、同时需要实现iOS自身的返回导航控制器的上一个页面；
2、应用场景
2.1、webView
3、实现原理：
3.1、通过webview的canGoback来判断是否能够返回，从而决定“关闭”按钮的隐藏与显示；
3.2、在webview的代理方法webViewDidStartLoad、webViewDidFinishLoad两个方法中判断；
3.3、修改导航栏的leftBarbuttonItems来增加或删除“关闭”按钮；
3.4、通过canGoback来修改返回按钮的事件；
4、部分代码
4.1、SAWebViewCtrl.m

[Objective-C] 纯文本查看 复制代码

// //  SAWebViewCtrl.m //  Test // //  Created by 余西安 on 16/3/7. //  Copyright &#169; 2016年 Sian. All rights reserved. //   #import "SAWebViewCtrl.h" #import "UIBarButtonItem+SA.h"   @interface SAWebViewCtrl () <UIWebViewDelegate>   @property (nonatomic, strong) UIWebView *webView;   @property (nonatomic, strong) UIBarButtonItem *backItem;   @property (nonatomic, strong) UIBarButtonItem *closeItem;   @end   @implementation SAWebViewCtrl   - (void)viewDidLoad {     [super viewDidLoad];     self.navigationItem.title = @"WebView";     // 添加webView     self.webView = [[UIWebView alloc] init];     self.webView.delegate = self;     self.webView.frame = self.view.bounds;     self.webView.autoresizingMask = 255;     [self.view addSubview: self.webView];     // 初始化返回、关闭两个按钮     self.backItem = [UIBarButtonItem backButtonWithTarget:self action:@selector(backEven:)];     self.closeItem = [[UIBarButtonItem alloc] initWithTitle:@"关闭" style:UIBarButtonItemStylePlain target:self action:@selector(popPage)];     [self setLeftBarButton];     // 加载网页     NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];     [self.webView loadRequest:[NSURLRequest requestWithURL:url]]; }   #pragma mark - 网页代码方法 /// 网页开始加载时调用 - (void)webViewDidStartLoad:(UIWebView *)webView {     [self setLeftBarButton];     [[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:YES]; } /// 网页加载完毕时调用 - (void)webViewDidFinishLoad:(UIWebView *)webView {     [self setLeftBarButton];     [[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:NO]; }   #pragma mark - 事件响应 /// 返回按钮事件 - (void)backEven:(UIButton *)button {     if ([self.webView canGoBack]){         [self.webView goBack];     }else{         [self popPage];     } } /// 关闭事件 - (void)popPage {     [self.navigationController popViewControllerAnimated:YES]; } /// 刷新左上角按钮 - (void)setLeftBarButton {     if ([self.webView canGoBack]){         [self.navigationItem setLeftBarButtonItems:@[self.backItem, self.closeItem]];     }else{         [self.navigationItem setLeftBarButtonItems:@[self.backItem]];     } } @end

5、源代码下载

游客，如果您要查看本帖隐藏内容请回复

choiiiiiiiiiiii

感谢楼主分享。。。