1.为什么要跳转网页?
点击UICollectionView的cell我们发现跳转到了网页
2.在以后开发中,怎么判断一个界面是不是网页?
2.1根据服务器返回的数据 如果是网页 会有网页的url
2.2根据界面的一些图标,或者是根据响应速度,如果是自己设计的界面跳转会很流畅很快
3.怎么跳转到网页
3.1 openURL
openURl(safari) 好处:有很多功能(前进,后退,刷新,进度条,地址栏) 弊端:必须要离开当前app
3.2 UIWebView 好处:当前app展示网页 弊端:没有功能
3.3 WKWebView:UIVebView的升级版 ios8
优点: "1)性能提升：将浏览器内核渲染进程提取出 App，由系统进行统一管理，这减少了相当一部分的性能损失。
"2)允许JavaScript的Nitro库加载并使用（UIWebView中限制）
"3)支持了更多的HTML5特性
"4)高达60fps的滚动刷新率
"5)提供了内置手势探测
"6)可以监听网页加载进度
弊端:没有功能
目前在7.3版本的XCode控件库中还找不到WKWebView控件，也就是说如果想要使用该控件，则只能通过代码的方式来创建。
需要包含WebKit框架
3.4 iOS9:SFSafariViewController(展示网页),在当前app展示网页,并且有safari所有功能
缺点: 必须要导入SafariServices/SafariServices.h 只有ios9或ios9以上的用户才能用
3.4.1基本使用:
> XTSquareItem *item = _squares[indexPath.row];
判断是否是url不是就返回
if (![item.url containsString:@"http"]) return;
NSURL *url = [NSURL URLWithString:item.url];
SFSafariViewController *safariVc = [[SFSafariViewController alloc] initWithURL:url];
[self.navigationController pushViewController:safariVc animated:YES];
3.4.2跳转过去后发现地址栏被导航条挡住了 怎么解决?
隐藏该导航控制器下的所有导航条 写在点击cell的时候调用的代理方法里面
> self.navigationController.navigationBarHidden = YES;
3.4.3还发现我们不能返回了,左上角有一个done按钮, 怎么返回?
我们去SFSafariViewController头文件去搜索done 看有没有方法监听这个按钮的点击 我们发现下面这个代理方法
还发现敲代理方法的时候,说明done这个会dismiss掉Safari view 那么SFSafariViewController应该是modal出来的
#pragma mark - SFSafariViewControllerDelegate
- (void)safariViewControllerDidFinish:(SFSafariViewController *)controller
{
[self.navigationController popViewControllerAnimated:YES];
self.navigationController.navigationBarHidden = NO; 显示导航条
}
3.4.4跳转之后返回 发现本界面也没有导航条了 怎么解决?
在上面的代理方法里面把隐藏导航条取消
3.4.5把 SFSafariViewController modal出来 我们就可以点击done 不设置代理 返回吗?
验证我们的猜测是对的
> [self presentViewController:safariVc animated:YES completion:nil];
.
4.需求:必须在当前app展示网页,但是也想要有safari功能(自己实现),UIWebView实现不了进度条功能
4.1 一般情况下我们看到的UIWebView的进度条都是假象
4.2 WKWebView 和 UIWebView 的使用基本上是一样的
4.3 我们使用 WKWebView来实现
5.用WKWebView怎么实现点击cell跳转到网页
5.1 根据项目需求,跳转后的界面 由三部分组成
1.网页界面用WKWebView搭建 (要先设置占位视图,然后把WKWebView添加到展位视图里面,避免挡住底部工具条)
2. 底部的工具条 用 Toolbar 控件搭建 里面的 按钮用UIBarButtonItem搭建
注意:按钮之间的间距我们要用一个Flexible Space(弹簧)来弹开
3.上面的地址栏 我们就用导航条来替换
4.界面固定,可以用xib来描述
5.创建一个控制器来管理xib的业务逻辑
5.2 怎么实现点击cell跳转网页?
点击cell的时候,把WKWebView所在的控制器push出来就可以了
注意:
5.3 WKWebView的基本使用
1 创建WKWebView对象
2 加载网页
> // 创建WebView
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
// 加载网页
NSURLRequest *request = [NSURLRequest requestWithURL:_url];
[webView loadRequest:request];
- 前进 后退 刷新 进度条 功能实现 怎么实现?
去WKWebView头文件里找相关的属性和方法(搜索相关方法或属性名)
找到一些可用的方法和属性,而且还看到关于属性的用法 用kvo实现
@property (nullable, nonatomic, readonly, copy) NSString *title;
@property (nullable, nonatomic, readonly, copy) NSURL *URL;
@property (nonatomic, readonly) double estimatedProgress;
@property (nonatomic, readonly) BOOL canGoBack;
@property (nonatomic, readonly) BOOL canGoForward;
- (nullable WKNavigation *)goBack;
- (nullable WKNavigation *)goForward;
- (nullable WKNavigation *)reload;
4.kvo怎么使用?有哪些注意点?
给需要监听的属性添加观察者,然后实现代理方法就可以了
KVO作用:监听属性改变
Observer:观察者
KeyPath:属性
- (void)addObserver:(NSObject *)observer forKeyPath:(NSString *)keyPath options:(NSKeyValueObservingOptions)options
context:(nullable void *)context;
KVO使用注意点:当对象销毁的时候,一定要记得移除观察者
5.代理方法是什么? 怎么找?
找到kvo的方法(上面的那个方法),看一下苹果的介绍,里面有说明怎么用
查看说明的方法就是 点击一下方法 再按住option 会出现一个?号 点击就可以查看 里面有需要实现的代理方法
