UIWebView和UIActivityIndicatorView的结合使用

环境：Xcode6.1

UIWebView是iOS开发中常用的一个控件，是内置的浏览器控件，我们可以用它来浏览网页，加载文档等。这篇文件将结合UIActivityIndicatorView控件制作一个小实例(加载apple的官网)。效果如下：

     

一.建立一个SingleView工程

二.初始化界面

ViewController.h文件

 #import <UIKit/UIKit.h>

 @interface ViewController : UIViewController

 @property (nonatomic,strong) UIActivityIndicatorView *activityIndicatorView;
 @property (nonatomic,strong) UIWebView *webView;

 @end

ViewController.m文件中，先写一个初始化UI的方法

 - (void)stepUI {
     self.webView = [[UIWebView alloc] initWithFrame:CGRectMake(, , self.view.frame.size.width, self.view.frame.size.height)];
     [self.view addSubview:self.webView];

     self.activityIndicatorView = [[UIActivityIndicatorView alloc] init];
     self.activityIndicatorView.center = self.view.center;
     self.activityIndicatorView.bounds = CGRectMake(, , , );
     self.activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyleGray;
     [self.webView addSubview:self.activityIndicatorView];
 }

在ViewDidLoad方法中加载初始化UI的方法和处理UIWebView要加载的内容，并设置代理

 - (void)viewDidLoad {
     [super viewDidLoad];
     [self stepUI];

     self.webView.delegate = self;
     NSString *str = [NSString stringWithFormat:@"http://www.apple.com/"];
     NSURL *url = [NSURL URLWithString:str];
     NSURLRequest *request = [NSURLRequest requestWithURL:url];
     [self.webView loadRequest:request];
 }

三.通过UIWebView的代理方法，处理UIActivityIndicatorView的显示

让ViewController遵守UIWebViewDelegate协议

UIWebViewDelegate有下面的几个方法：

- (void)webViewDidStartLoad:(UIWebView *)webView;开始加载的时候执行

- (void)webViewDidFinishLoad:(UIWebView *)webView;加载完成的时候执行

- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;加载出错的时候执行

UIActivityIndicatorView控件有如下的两个方法：

- (void)startAnimating;

- (void)stopAnimating;

 #pragma mark ---web view delegate
 - (void)webViewDidStartLoad:(UIWebView *)webView {
     [self.activityIndicatorView startAnimating];
 }
 - (void)webViewDidFinishLoad:(UIWebView *)webView {
     [self.activityIndicatorView stopAnimating];
 }
 - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error {
     NSLog(@"%@",error);
 }

对于加载时的出错，楼主只是简单的进行打印

最后，在模拟器上运行即可。

错误总结：

1.最开始写URL时没有写协议http，只是简单的www.apple.com，导致加载失败。

2.设置UIActivityIndicatorView控件的显示样式时，没有考虑到UIWebView的加载页面为白色，还傻兮兮的设置为

self.activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhite；

导致加载时没有看到显示效果，花了许久的时间才发现问题。所以写代码前一定要思维严谨，多做合理性的考虑。