iOS中 UIWebView加载网络数据 技术分享

简介:

直奔核心:

[objc]  view plain  copy
  1. #import "TechnologyDetailViewController.h"  
  2. #define kScreenWidth [UIScreen mainScreen].bounds.size.width  
  3. #define kScreenHeight [UIScreen mainScreen].bounds.size.height  
  4. @interface TechnologyDetailViewController ()  
  5. @property (nonatomic,retain)UIWebView *webView;//显示详情页面  
  6. @end  

[objc]  view plain  copy
  1. @implementation TechnologyDetailViewController  
  2. - (void)dealloc  
  3. {  
  4.     self.webView = nil;  
  5.     self.ids = nil;  
  6.     [super dealloc];  
  7. }  
  8.   
  9. - (void)viewDidLoad {  
  10.     [super viewDidLoad];  
  11.     //设置背景  
  12.     self.view.backgroundColor = [UIColor yellowColor];  
  13.     //调用请求网络数据  
  14.     [self readDataFromNetWork];  
  15.     //    self.automaticallyAdjustsScrollViewInsets = NO;  
  16.     [self.view addSubview:self.webView];  
  17. }  


懒加载UIWebView

[objc]  view plain  copy
  1. //懒加载  
  2. - (UIWebView *)webView{  
  3.     if (!_webView) {  
  4.         self.webView = [[[UIWebView alloc]initWithFrame:CGRectMake(0,0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)]autorelease];  
  5.         self.webView.backgroundColor = [UIColor orangeColor];  
  6.           
  7.     }  
  8.     return [[_webView retain ]autorelease];  
  9. }  


核心代码如下:

[objc]  view plain  copy
  1. //解析数据  
  2. - (void)readDataFromNetWork{  
  3.     NSString *str = [NSString stringWithFormat:@"http://c.3g.163.com/nc/article/%@/full.html",self.ids];  
  4.     NSURL *url = [NSURL URLWithString:str];  
  5.     NSURLRequest *request = [NSURLRequest requestWithURL:url];  
  6.     [NSURLConnection sendAsynchronousRequest:request queue:[NSOperationQueue mainQueue] completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) {  
  7.         NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil];  
  8.           
  9.           
  10.         NSString *body = dic[self.ids][@"body"];  
  11.         NSString * title = dic[self.ids][@"title"];  
  12.         NSString *digest = dic[self.ids][@"digest"];  
  13.         NSString *ptime = dic[self.ids][@"ptime"];  
  14.         NSString * source = dic[self.ids][@"source"];  
  15.         NSArray * img = dic[self.ids][@"img" ] ;  
  16.         //        NSLog(@"%@",img);  
  17.         if (img.count) {  
  18.             for (int i = 0; i < img.count; i ++) {  
  19.                   
  20.                   
  21.                 NSString *imgString = [NSString stringWithFormat:@"<p style=\"text-align:center\"><img src=\"%@\" /></p>",img[i][@"src"]];  
  22.                 NSLog(@"imString  = %@",imgString);  
  23.                   
  24.                 imgString = [imgString stringByReplacingOccurrencesOfString:@"<!--IMG#%d-->" withString:imgString];  
  25.                 body = [imgString stringByAppendingString:body];  
  26.                   
  27.                   
  28.             }  
  29.         }  
  30.         //        NSLog(@"body =  %@",body);  
  31.           
  32.         //借助第三方进行排版  
  33.         NSString *filePath = [[NSBundle mainBundle]pathForResource:@"topic_template" ofType:@"html"];  
  34.         NSString *htmlString = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];  
  35.           
  36.         htmlString = [htmlString stringByReplacingOccurrencesOfString:@"__BODY__" withString:body];  
  37.         htmlString = [htmlString stringByReplacingOccurrencesOfString:@"__TITLE__" withString:title];  
  38.         htmlString = [htmlString stringByReplacingOccurrencesOfString:@"__AUTHOR__" withString:source];  
  39.         htmlString = [htmlString stringByReplacingOccurrencesOfString:@"__DIGEST__" withString:digest];  
  40.         htmlString = [htmlString stringByReplacingOccurrencesOfString:@"__TIME__" withString:ptime];  
  41.         htmlString = [htmlString stringByReplacingOccurrencesOfString:@"__PTIME__" withString:ptime];  
  42.         [self.webView loadHTMLString:htmlString baseURL:nil];  
  43.           
  44.           
  45.     }];  
  46.       
  47. }  


======================================================================================================

实在看不懂再看下demol例子:

UIWebView的loadRequest可以用来加载一个url地址,它需要一个NSURLRequest参数。我们定义一个方法用来加载url。在UIWebViewDemoViewController中定义下面方法:


[objc]  view plain  copy
  1. - (void)loadWebPageWithString:(NSString*)urlString  
  2. {  
  3.     NSURL *url =[NSURL URLWithString:urlString];  
  4.     NSLog(urlString);  
  5.     NSURLRequest *request =[NSURLRequest requestWithURL:url];  
  6.     [webView loadRequest:request];  
  7. }  


在界面上放置3个控件,一个textfield、一个button、一个uiwebview,布局如下:


在代码中定义相关的控件:webView用于展示网页、textField用于地址栏、activityIndicatorView用于加载的动画、buttonPress用于按钮的点击事件。


[objc]  view plain  copy
  1. @interface UIWebViewDemoViewController :UIViewController<UIWebViewDelegate> {     
  2.     IBOutlet UIWebView *webView;  
  3.     IBOutlet UITextField *textField;  
  4.     UIActivityIndicatorView *activityIndicatorView;  
  5.        
  6. }  
  7. - (IBAction)buttonPress:(id) sender;  
  8. - (void)loadWebPageWithString:(NSString*)urlString;  
  9. @end  


使用IB关联他们。

设置UIWebView,初始化UIActivityIndicatorView

[objc]  view plain  copy
  1. - (void)viewDidLoad  
  2. {  
  3.     [super viewDidLoad];  
  4.     webView.scalesPageToFit =YES;  
  5.     webView.delegate =self;  
  6.     activityIndicatorView = [[UIActivityIndicatorView alloc]   
  7.                              initWithFrame : CGRectMake(0.0f0.0f32.0f32.0f)] ;  
  8.     [activityIndicatorView setCenterself.view.center] ;  
  9.     [activityIndicatorView setActivityIndicatorViewStyle: UIActivityIndicatorViewStyleWhite] ;   
  10.     [self.view addSubview : activityIndicatorView] ;  
  11.     [self buttonPress:nil];  
  12.     // Do any additional setup after loading the view from its nib.  
  13. }  


UIWebView主要有下面几个委托方法:

1、- (void)webViewDidStartLoad:(UIWebView *)webView;开始加载的时候执行该方法。
2、- (void)webViewDidFinishLoad:(UIWebView *)webView;加载完成的时候执行该方法。
3、- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;加载出错的时候执行该方法。

我们可以将activityIndicatorView放置到前面两个委托方法中。

[objc]  view plain  copy
  1. - (void)webViewDidStartLoad:(UIWebView *)webView  
  2. {  
  3.     [activityIndicatorView startAnimating] ;  
  4. }  
  5. - (void)webViewDidFinishLoad:(UIWebView *)webView  
  6. {  
  7.     [activityIndicatorView stopAnimating];  
  8. }  


buttonPress方法很简单,调用我们开始定义好的loadWebPageWithString方法就行了:

[objc]  view plain  copy
  1. - (IBAction)buttonPress:(id) sender  
  2. {  
  3.     [textField resignFirstResponder];  
  4.     [self loadWebPageWithString:textField.text];  
  5.        
  6. }  


当请求页面出现错误的时候,我们给予提示:

[objc]  view plain  copy
  1. - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error  
  2. {  
  3.     UIAlertView *alterview = [[UIAlertView alloc] initWithTitle:@"" message:[error localizedDescription delegate:nil cancelButtonTitle:nil otherButtonTitles:@"OK", nil nil];  
  4.     [alterview show];  
  5.     [alterview release];  
  6. }  


总结:本文通过实现一个简单的浏览器,说明了uiwebview的方法和属性,相信通过这个例子,应该明白uiwebview的使用了。

有疑问可通过新浪微博私信给我:http://weibo.com/hanjunqiang
相关文章
|
2月前
|
机器学习/深度学习 PyTorch 算法框架/工具
目标检测实战(一):CIFAR10结合神经网络加载、训练、测试完整步骤
这篇文章介绍了如何使用PyTorch框架,结合CIFAR-10数据集,通过定义神经网络、损失函数和优化器,进行模型的训练和测试。
130 2
目标检测实战(一):CIFAR10结合神经网络加载、训练、测试完整步骤
|
7月前
|
JSON JavaScript 安全
iOS应用程序数据保护:如何保护iOS应用程序中的图片、资源和敏感数据
iOS应用程序数据保护:如何保护iOS应用程序中的图片、资源和敏感数据
64 1
|
4月前
|
移动开发 TensorFlow 算法框架/工具
只保存和加载网络权重
【8月更文挑战第21天】只保存和加载网络权重。
36 2
|
1月前
|
缓存 JavaScript
Vue加载网络组件(远程组件)
【10月更文挑战第23天】在 Vue 中实现加载网络组件(远程组件)可以通过多种方式来完成。
|
6月前
|
机器学习/深度学习 存储 自然语言处理
程序与技术分享:DeepMemoryNetwork深度记忆网络
程序与技术分享:DeepMemoryNetwork深度记忆网络
|
4月前
|
安全 网络安全 Android开发
安卓与iOS开发:选择的艺术网络安全与信息安全:漏洞、加密与意识的交织
【8月更文挑战第20天】在数字时代,安卓和iOS两大平台如同两座巍峨的山峰,分别占据着移动互联网的半壁江山。它们各自拥有独特的魅力和优势,吸引着无数开发者投身其中。本文将探讨这两个平台的特点、优势以及它们在移动应用开发中的地位,帮助读者更好地理解这两个平台的差异,并为那些正在面临选择的开发者提供一些启示。
127 56
|
4月前
|
iOS开发 开发者
iOS平台RTMP|RTSP播放器如何实时回调YUV数据
我们在做RTMP、RTSP播放器的时候,有开发者需要自己处理拉取到的YUV数据,做二次分析之用,为此,我们做了以下的设计:InitPlayer之后,再调用SmartPlayerStart()接口之前,设置yuv数据回调即可。
|
4月前
|
缓存
Flutter Image从网络加载图片刷新、强制重新渲染
Flutter Image从网络加载图片刷新、强制重新渲染
137 1
|
4月前
|
SQL 网络协议 安全
【Azure API 管理】APIM集成内网虚拟网络后,启用自定义路由管理外出流量经过防火墙(Firewall),遇见APIs加载不出来问题
【Azure API 管理】APIM集成内网虚拟网络后,启用自定义路由管理外出流量经过防火墙(Firewall),遇见APIs加载不出来问题
|
4月前
|
Java Android开发 Kotlin
Android项目架构设计问题之要在Glide库中加载网络图片到ImageView如何解决
Android项目架构设计问题之要在Glide库中加载网络图片到ImageView如何解决
39 0