环境:Xcode6.1
UIWebView是iOS开发中常用的一个控件,是内置的浏览器控件,我们可以用它来浏览网页,加载文档等。这篇文件将结合UIActivityIndicatorView控件制作一个小实例(加载apple的官网)。效果如下:
一.建立一个SingleView工程
二.初始化界面
ViewController.h文件
1 #import <UIKit/UIKit.h> 2 3 @interface ViewController : UIViewController 4 5 @property (nonatomic,strong) UIActivityIndicatorView *activityIndicatorView; 6 @property (nonatomic,strong) UIWebView *webView; 7 8 @end
ViewController.m文件中,先写一个初始化UI的方法
1 - (void)stepUI { 2 self.webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)]; 3 [self.view addSubview:self.webView]; 4 5 self.activityIndicatorView = [[UIActivityIndicatorView alloc] init]; 6 self.activityIndicatorView.center = self.view.center; 7 self.activityIndicatorView.bounds = CGRectMake(0, 0, 50, 50); 8 self.activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyleGray; 9 [self.webView addSubview:self.activityIndicatorView]; 10 }
在ViewDidLoad方法中加载初始化UI的方法和处理UIWebView要加载的内容,并设置代理
1 - (void)viewDidLoad { 2 [super viewDidLoad]; 3 [self stepUI]; 4 5 self.webView.delegate = self; 6 NSString *str = [NSString stringWithFormat:@"http://www.apple.com/"]; 7 NSURL *url = [NSURL URLWithString:str]; 8 NSURLRequest *request = [NSURLRequest requestWithURL:url]; 9 [self.webView loadRequest:request]; 10 }
三.通过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;
1 #pragma mark ---web view delegate 2 - (void)webViewDidStartLoad:(UIWebView *)webView { 3 [self.activityIndicatorView startAnimating]; 4 } 5 - (void)webViewDidFinishLoad:(UIWebView *)webView { 6 [self.activityIndicatorView stopAnimating]; 7 } 8 - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error { 9 NSLog(@"%@",error); 10 }
对于加载时的出错,楼主只是简单的进行打印
最后,在模拟器上运行即可。
错误总结:
1.最开始写URL时没有写协议http,只是简单的www.apple.com,导致加载失败。
2.设置UIActivityIndicatorView控件的显示样式时,没有考虑到UIWebView的加载页面为白色,还傻兮兮的设置为
self.activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhite;
导致加载时没有看到显示效果,花了许久的时间才发现问题。所以写代码前一定要思维严谨,多做合理性的考虑。