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(0, 0, 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(0, 0, 50, 50);
    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；

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