iOS开发之 WebView

转自 http://blog.csdn.net/totogo2010/article/details/7686164

 

[cpp] view plain copy

 

1. #import <UIKit/UIKit.h>  
2.   
3. @interface ViewController : UIViewController  
4. {  
5.     UIWebView *webView;  
6. }  
7. @end  

[cpp] view plain copy

 

1. ViewController.m  

[cpp] view plain copy

 

1. - (void)viewDidLoad  
2. {  
3.     [super viewDidLoad];  
4.     webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];  
5.     NSURLRequest *request =[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]];  
6.     [self.view addSubview: webView];  
7.     [webView loadRequest:request];  
8. } 

9. 手机的网络环境是实时变化的，网络慢的时候，怎么提示用户网页正在打开呢？在网页打开出错的时候怎么提示用户呢？这时候我们就需要知道网页什么时候打开的，

   什么时候加载完成，什么时候出错了。那么我们需要实现这个<UIWebViewDelegate>协议

   3、实现协议，在ViewController.h修改如下：

    

   [cpp] view plain copy

    

   1. #import <UIKit/UIKit.h>  
   2.   
   3. @interface ViewController : UIViewController<UIWebViewDelegate>  
   4. {  
   5.     UIWebView *webView;  
   6. }  
   7. @end  

   UIWebView中几个重要的函数

   1.- (void )webViewDidStartLoad:(UIWebView  *)webView   网页开始加载的时候调用

   2.- (void )webViewDidFinishLoad:(UIWebView  *)webView  网页加载完成的时候调用

   3.- (void)webView:(UIWebView *)webView  didFailLoadWithError:(NSError *)error 网页加载错误的时候调用

   4、实现这三个方法，加入NSLog。

   先在viewDidLoad 的webView实例化下面加上

       [webView setDelegate:self];设置代理。这样上面的三个方法才能得到回调。

   三个方法实现如下： 

   1. - (void) webViewDidStartLoad:(UIWebView *)webView  
   2. {  
   3.     NSLog(@"webViewDidStartLoad");  
   4. }  
   5. - (void) webViewDidFinishLoad:(UIWebView *)webView  
   6. {  
   7.     NSLog(@"webViewDidFinishLoad");  
   8. }  
   9. - (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error  
   10. {  
   11.     NSLog(@"didFailLoadWithError:%@", error);  
   12. }  

   运行打印：

   2012-06-23 15:20:29.728 WebViewDemo[1001:f803] webViewDidStartLoad

   2012-06-23 15:20:29.991 WebViewDemo[1001:f803] webViewDidFinishLoad

   那我们试试error情况，把wifi关掉，运行打印结果： 

   2012-06-23 15:23:58.939 WebViewDemo[1087:f803] webViewDidStartLoad

   2012-06-23 15:23:59.016 WebViewDemo[1087:f803] webViewDidFinishLoad

   请求结果不变，为什么关掉网络还成功了呢？缓存？我换163.com试试，这是真正的结果出来了：

   2012-06-23 15:24:41.131 WebViewDemo[1134:f803] webViewDidStartLoad

   2012-06-23 15:24:41.149 WebViewDemo[1134:f803] didFailLoadWithError:Error Domain=NSURLErrorDomain Code=-1009 "The Internet connection appears to be offline." UserInfo=0x6b41660 {NSErrorFailingURLStringKey=http://www.163.com/, NSErrorFailingURLKey=http://www.163.com/, NSLocalizedDescription=The Internet connection appears to be offline., NSUnderlyingError=0x6eae690 "The Internet connection appears to be offline."}

   连接错误了，调用了didFailLoadWithError。

   5、加载等待界面

   为了给用户更直观的界面效果，我们加上等待的loading界面试试

   在webViewDidStartLoad加入等待

   1.  (void) webViewDidStartLoad:(UIWebView *)webView  
   2. {  
   3.     //创建UIActivityIndicatorView背底半透明View       
   4.     UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];    
   5.     [view setTag:108];    
   6.     [view setBackgroundColor:[UIColor blackColor]];    
   7.     [view setAlpha:0.5];    
   8.     [self.view addSubview:view];    
   9.       
   10.     activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];    
   11.     [activityIndicator setCenter:view.center];    
   12.     [activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];    
   13.     [view addSubview:activityIndicator];    
   14.   
   15.     [activityIndicator startAnimating];  

   加载完成或失败时，去掉loading效果

   [cpp] view plain copy

   1. - (void) webViewDidFinishLoad:(UIWebView *)webView  
   2. {  
   3.     [activityIndicator stopAnimating];  
   4.     UIView *view = (UIView*)[self.view viewWithTag:108];  
   5.     [view removeFromSuperview];  
   6.     NSLog(@"webViewDidFinishLoad");  
   7.   
   8. }  
   9. - (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error  
   10. {  
   11.     [activityIndicator stopAnimating];  
   12.     UIView *view = (UIView*)[self.view viewWithTag:108];  
   13.     [view removeFromSuperview];  
   14. }