iOS-WebView的基本使用方法

2020-02-19 15:54:22

字體：大中小

供稿：網(wǎng)友

隨著蘋果手機(jī)在手機(jī)市場的瘋狂出售，也把蘋果系統(tǒng)推上了風(fēng)口浪尖，蘋果的IOS系統(tǒng)升級的越來越頻繁，越來越智能，下文是iOS-WebView的基本使用方法，一起跟著武林技術(shù)頻道小編的步伐來了解一下吧！

WebView的基本使用方法

1、使用UIWebView加載網(wǎng)頁
運(yùn)行XCode 4.3，新建一個(gè)Single View Application，命名為WebViewDemo。

2015117100010676.png (728×491)

2、加載WebView
在ViewController.h添加WebView成員變量和在ViewController.m添加實(shí)現(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];
}

運(yùn)行，這樣百度網(wǎng)頁就打開了

2015117100050458.png (368×716)

手機(jī)的網(wǎng)絡(luò)環(huán)境是實(shí)時(shí)變化的，網(wǎng)絡(luò)慢的時(shí)候，怎么提示用戶網(wǎng)頁正在打開呢？在網(wǎng)頁打開出錯(cuò)的時(shí)候怎么提示用戶呢？這時(shí)候我們就需要知道網(wǎng)頁什么時(shí)候打開的，
什么時(shí)候加載完成，什么時(shí)候出錯(cuò)了。那么我們需要實(shí)現(xiàn)這個(gè)協(xié)議
3、實(shí)現(xiàn)協(xié)議，在ViewController.h修改如下：

#import ?
?
@interface ViewController : UIViewController?
{?
??? UIWebView *webView;?
}?
@end?

按住control+command+向上鍵，切換到ViewController.m文件，這是我們在文件中打入- (void) webView，就能看到如下實(shí)現(xiàn)方法：

2015117100107199.png (574×104)

4、UIWebView主要有下面幾個(gè)委托方法：

1、- (void)webViewDidStartLoad:(UIWebView *)webView;開始加載的時(shí)候執(zhí)行該方法。
2、- (void)webViewDidFinishLoad:(UIWebView *)webView;加載完成的時(shí)候執(zhí)行該方法。
3、- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;加載出錯(cuò)的時(shí)候執(zhí)行該方法。

我們可以將activityIndicatorView放置到前面兩個(gè)委托方法中。

- (void)webViewDidStartLoad:(UIWebView *)webView
{
??? [activityIndicatorView startAnimating] ;
}
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
??? [activityIndicatorView stopAnimating];
}

buttonPress方法很簡單，調(diào)用我們開始定義好的loadWebPageWithString方法就行了：

- (IBAction)buttonPress:(id) sender
{
??? [textField resignFirstResponder];
??? [self loadWebPageWithString:textField.text];
????
}

當(dāng)請求頁面出現(xiàn)錯(cuò)誤的時(shí)候，我們給予提示：

- (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];
??

加載完成或失敗時(shí)，去掉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];
???

運(yùn)行效果：

2015117100130691.png (368×716)