当前位置：首页 > 资讯 > 技术文档

iOS开发中WebView的基本使用方法简介

时间：2020-12-08 15:11 编辑：来源：阅读：
扫一扫，手机访问

摘要：iOS开发中WebView的基本使用方法简介

[b]1、使用UIWebView加载网页 [/b]运行XCode 4.3，新建一个Single View Application，命名为WebViewDemo。 [img]http://files.jb51.net/file_images/article/201511/2015117100010676.png?201510710023[/img] [b]2、加载WebView [/b]在ViewController.h添加WebView成员变量和在ViewController.m添加实现

[u]复制代码[/u] 代码如下:

#import <UIKit/UIKit.h>
@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];

}

运行，这样百度网页就打开了 [img]http://files.jb51.net/file_images/article/201511/2015117100050458.png?201510710058[/img] 手机的网络环境是实时变化的，网络慢的时候，怎么提示用户网页正在打开呢？在网页打开出错的时候怎么提示用户呢？这时候我们就需要知道网页什么时候打开的，什么时候加载完成，什么时候出错了。那么我们需要实现这个<UIWebViewDelegate>协议 [b]3、实现协议，在ViewController.h修改如下： [/b]

[u]复制代码[/u] 代码如下:

#import <UIKit/UIKit.h> 

@interface ViewController : UIViewController<UIWebViewDelegate> 

{ 

    UIWebView *webView; 

} 

@end

按住control+command+向上键，切换到ViewController.m文件，这是我们在文件中打入- (void) webView，就能看到如下实现方法： [img]http://files.jb51.net/file_images/article/201511/2015117100107199.png?201510710117[/img] [b]4、UIWebView主要有下面几个委托方法：[/b] 1、- (void)webViewDidStartLoad:(UIWebView *)webView;开始加载的时候执行该方法。 2、- (void)webViewDidFinishLoad:(UIWebView *)webView;加载完成的时候执行该方法。 3、- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;加载出错的时候执行该方法。我们可以将activityIndicatorView放置到前面两个委托方法中。

[u]复制代码[/u] 代码如下:

- (void)webViewDidStartLoad:(UIWebView *)webView

{

    [activityIndicatorView startAnimating] ;

}

- (void)webViewDidFinishLoad:(UIWebView *)webView

{

    [activityIndicatorView stopAnimating];

}

buttonPress方法很简单，调用我们开始定义好的loadWebPageWithString方法就行了：

[u]复制代码[/u] 代码如下:

- (IBAction)buttonPress:(id) sender

{

    [textField resignFirstResponder];

    [self loadWebPageWithString:textField.text];

}

当请求页面出现错误的时候，我们给予提示：

[u]复制代码[/u] 代码如下:

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

}

[b]5、加载等待界面 [/b]为了给用户更直观的界面效果，我们加上等待的loading界面试试在webViewDidStartLoad加入等待

[u]复制代码[/u] 代码如下:

<strong>- (void) webViewDidStartLoad:(UIWebView *)webView

{

    //创建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];

   </strong>

加载完成或失败时，去掉loading效果

[u]复制代码[/u] 代码如下:

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

    </strong>

运行效果： [img]http://files.jb51.net/file_images/article/201511/2015117100130691.png?201510710147[/img]

全部评论(0)

上一篇：iOS开发中使用UILabel设置字体的相关技巧小结
下一篇：iOS仿支付宝芝麻信用分数仪表盘动画效果

资讯排行榜
更多>>