iOS开发:UIWebView的使用
来源:互联网 发布:好用的网络同传软件 编辑:程序博客网 时间:2024/06/09 19:45
简介
UIWebView用于在App中嵌入网页内容,通常情况下是html格式的网页,也支持pdf, word等文档。
用法详解
我们来做一个简单的UIWebView来实现浏览网页的功能。
1、创建UIWebView
- (void)creatWebView { self.webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 64, self.view.bounds.size.width, self.view.bounds.size.height - 64)]; self.webView.delegate = self; [self.view addSubview:self.webView];}
可以给webView设置一些属性:
self.webView.scrollView.bounces = NO; //取消回弹效果 self.webView.scalesPageToFit = YES; //自动缩放页面/适应屏幕 self.webView.dataDetectorTypes = UIDataDetectorTypePhoneNumber; //检测网页中的电话号码,点击可拨打
2、选择加载方式
webView加载网页有几种方式:
//通过NSURLRequest加载网络URL
- (void)loadNetworkUrl { if (!self.url) { self.url = @"http://3g.163.com/"; } [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:self.url]]];}
//通过NSURLRequest加载本地资源
- (void)loadLocateUrl { NSString * path = [[NSBundle mainBundle] pathForResource:@"Objective-C_百度百科.html" ofType:nil]; [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]];}
//通过NSString加载本地资源
- (void)loadLocateString { NSString * path = [[NSBundle mainBundle] pathForResource:@"万众科技有限公司_百度百科.html" ofType:nil]; NSString * StringOfHtml = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil]; [self.webView loadHTMLString:StringOfHtml baseURL:[NSURL URLWithString:path]];}
3、实现代理方法
- (void)webViewDidStartLoad:(UIWebView *)webView { NSLog(@"开始加载....");}- (void)webViewDidFinishLoad:(UIWebView *)webView { NSLog(@"加载完成"); //显示标题 self.title = [self.webView stringByEvaluatingJavaScriptFromString:@"document.title"];}- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { return YES;}- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error { NSLog(@"加载失败");}
4、Optional:通过Nav跳转页面
如果需要通过Nav跳转来展示网页跳转的内容,则可以在webView: shouldStartLoadWithRequest: navigationType: 代理方法里面加入以下代码:
//获取点击的URL NSString * clickURL = [NSString stringWithFormat:@"%@",request.URL]; NSLog(@"%@",clickURL); //如果是点击链接操作,则使用Nav跳转 if (navigationType == UIWebViewNavigationTypeLinkClicked) { WebViewController * VC = [[WebViewController alloc]init]; VC.loadingType = LoadingNetworkUrlWithNavJump; VC.url = clickURL; [self.navigationController pushViewController:VC animated:YES]; //return NO,不加载 return NO; } return YES; } //return NO,加载 return YES;
5、加入控制按钮
加入 < > o x 四个按钮来实现对网页的控制功能:
- (void)configControlBtns { NSArray * btns = [NSArray arrayWithObjects:@"返回",@"前进",@"刷新",@"停止", nil]; int spacing = (self.view.bounds.size.width - btns.count * 50) / (btns.count + 1); for (int i = 0; i < btns.count; i++) { UIButton * button = [UIButton buttonWithType:UIButtonTypeSystem]; [button setFrame:CGRectMake( spacing * (i + 1) + 50 * i, self.view.bounds.size.height - 40, 50, 30)]; [button setTitle:btns[i] forState:UIControlStateNormal]; [button setBackgroundColor:[UIColor yellowColor]]; [button setTag:1000 + i]; [self.view addSubview:button]; [button addTarget:self action:@selector(dealClickAction:) forControlEvents:UIControlEventTouchUpInside]; }}- (void)dealClickAction:(UIButton *)button { //控制按钮执行事件,这里没有加判断 switch (button.tag) { case 1000: [self.webView goBack]; break; case 1001: [self.webView goForward]; break; case 1002: [self.webView reload]; break; case 1003: [self.webView stopLoading]; break; default: break; }}
6、mission complete!
我们来看看效果:
7、demo下载
下载地址:[点击我] (https://github.com/DaMingShen/UIWebViewDemo)
0 0
- ios开发--UIWebView的使用
- iOS开发:UIWebView的使用
- iOS开发 UIWebView使用
- iOS开发的UIWebView
- [IOS]UIWebView的使用
- iOS UIWebView的使用
- IOS UIWebView的使用
- iOS开发 - OC - UIWebView使用
- iOS - 使用UIWebView实际开发遇到的问题
- IOS之UIWebView的使用
- iOS中UIWebView的使用
- IOS之UIWebView的使用
- iOS UIWebView的简单使用
- IOS之UIWebView的使用
- IOS之UIWebView的使用
- ios开发使用UIWebView显示多种文档
- ios开发使用UIWebView显示多种文档
- IOS开发 UIWebView使用详解(1)
- Android程序自动化打包
- 中标麒麟(linux)下QUdpSocket无法使用组播发送数据问题
- xml之dom解析
- 把back键做成home键
- 如何用Maven创建web项目(具体步骤)
- iOS开发:UIWebView的使用
- 案例研究:图片库改进版
- Cocos2D-X 设计模式:二段构建模式
- 独立守护进程init.d和超级守护进程xinet.d区别和联系
- mysql 下 计算 两点 经纬度 之间的距离
- android 使用ANT批量打包apk步骤
- Eclipse+Maven创建webapp项目<一>
- window下如何实现定时执行php脚本
- synchronized 关键字