這篇文章主要介紹了iOS開發(fā)中WebView的基本使用方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下
1卵洗、使用UIWebView加載網(wǎng)頁
運行XCode 4.3喉酌，新建一個Single View Application膳帕，命名為WebViewDemo。
2、加載WebView
在ViewController.h添加WebView成員變量和在ViewController.m添加實現(xiàn)
復制代碼代碼如下:
#import
@interface ViewController : UIViewController
{
UIWebView *webView;
}
@end
ViewController.m
- (void)viewDidLoad
{
[super viewDidLoad];
webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
NSURLRequest *request =[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]];
[self.view addSubview: webView];
[webView loadRequest:request];
}
運行檬贰，這樣百度網(wǎng)頁就打開了
手機的網(wǎng)絡環(huán)境是實時變化的，網(wǎng)絡慢的時候缺亮，怎么提示用戶網(wǎng)頁正在打開呢偎蘸？在網(wǎng)頁打開出錯的時候怎么提示用戶呢？這時候我們就需要知道網(wǎng)頁什么時候打開的瞬内，
什么時候加載完成迷雪，什么時候出錯了。那么我們需要實現(xiàn)這個協(xié)議
3虫蝶、實現(xiàn)協(xié)議章咧，在ViewController.h修改如下：
復制代碼代碼如下:
#import
@interface ViewController : UIViewController
{
UIWebView *webView;
}
@end
按住control+command+向上鍵，切換到ViewController.m文件能真，這是我們在文件中打入- (void) webView赁严，就能看到如下實現(xiàn)方法：
4、UIWebView主要有下面幾個委托方法：
1粉铐、- (void)webViewDidStartLoad:(UIWebView *)webView;開始加載的時候執(zhí)行該方法疼约。
2、- (void)webViewDidFinishLoad:(UIWebView *)webView;加載完成的時候執(zhí)行該方法蝙泼。
3程剥、- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;加載出錯的時候執(zhí)行該方法。
我們可以將activityIndicatorView放置到前面兩個委托方法中汤踏。
復制代碼代碼如下:
- (void)webViewDidStartLoad:(UIWebView *)webView
{
[activityIndicatorView startAnimating] ;
}
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
[activityIndicatorView stopAnimating];
}
buttonPress方法很簡單织鲸，調用我們開始定義好的loadWebPageWithString方法就行了：
復制代碼代碼如下:
- (IBAction)buttonPress:(id) sender
{
[textField resignFirstResponder];
[self loadWebPageWithString:textField.text];
}
當請求頁面出現(xiàn)錯誤的時候舔腾，我們給予提示：
復制代碼代碼如下:
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
UIAlertView *alterview = [[UIAlertView alloc] initWithTitle:@"" message:[error localizedDescription]? delegate:nil cancelButtonTitle:nil otherButtonTitles:@"OK", nil];
[alterview show];
[alterview release];
}
5、加載等待界面
為了給用戶更直觀的界面效果搂擦，我們加上等待的loading界面試試
在webViewDidStartLoad加入等待
復制代碼代碼如下:
- (void) webViewDidStartLoad:(UIWebView *)webView
{
//創(chuàng)建UIActivityIndicatorView背底半透明View
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
[view setTag:108];
[view setBackgroundColor:[UIColor blackColor]];
[view setAlpha:0.5];
[self.view addSubview:view];
activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];
[activityIndicator setCenter:view.center];
[activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];
[view addSubview:activityIndicator];
[activityIndicator startAnimating];
加載完成或失敗時稳诚，去掉loading效果
復制代碼代碼如下:
- (void) webViewDidFinishLoad:(UIWebView *)webView
{
[activityIndicator stopAnimating];
UIView *view = (UIView*)[self.view viewWithTag:108];
[view removeFromSuperview];
NSLog(@"webViewDidFinishLoad");
}
- (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
[activityIndicator stopAnimating];
UIView *view = (UIView*)[self.view viewWithTag:108];
[view removeFromSuperview];
運行效果：
