UIWebView, UIActivityIndicatorView

1 UIWebView *wv = [[UIWebView alloc] init]; // 初始化浏览器控件UIWebView
2 NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.dbw.cn"]]; // 定义请求地址
3 [wv loadRequest:request]; // 利用浏览器访问地址

1、使用UIWebView加载网页

运行XCode 4.3,新建一个Single View Application,命名为WebViewDemo。

2、加载WebView

在ViewController.h添加WebView成员变量和在ViewController.m添加实现

  1. #import <UIKit/UIKit.h>
  2. @interface ViewController : UIViewController
  3. {
  4. UIWebView *webView;
  5. }
  6. @end
  1. ViewController.m
  1. - (void)viewDidLoad
  2. {
  3. [super viewDidLoad];
  4. webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
  5. NSURLRequest *request =[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]];
  6. [self.view addSubview: webView];
  7. [webView loadRequest:request];
  8. }

运行,这样百度网页就打开了

手机的网络环境是实时变化的,网络慢的时候,怎么提示用户网页正在打开呢?在网页打开出错的时候怎么提示用户呢?这时候我们就需要知道网页什么时候打开的,

什么时候加载完成,什么时候出错了。那么我们需要实现这个<UIWebViewDelegate>协议

3、实现协议,在ViewController.h修改如下:

  1. #import <UIKit/UIKit.h>
  2. @interface ViewController : UIViewController<UIWebViewDelegate>
  3. {
  4. UIWebView *webView;
  5. }
  6. @end

按住control+command+向上键,切换到ViewController.m文件,这是我们在文件中打入- (void) webView,就能看到如下实现方法:

UIWebView中几个重要的函数
1.- (void )webViewDidStartLoad:(UIWebView  *)webView   网页开始加载的时候调用
2.- (void )webViewDidFinishLoad:(UIWebView  *)webView  网页加载完成的时候调用
3.- (void)webView:(UIWebView *)webView  didFailLoadWithError:(NSError *)error 网页加载错误的时候调用

4、实现这三个方法,加入NSLog。

先在viewDidLoad 的webView实例化下面加上

[webView setDelegate:self];设置代理。这样上面的三个方法才能得到回调。

三个方法实现如下:

  1. <span style="font-family:Arial, Verdana, sans-serif;color:#333333;">- (void) webViewDidStartLoad:(UIWebView *)webView
  2. {
  3. NSLog(@"webViewDidStartLoad");
  4. }
  5. - (void) webViewDidFinishLoad:(UIWebView *)webView
  6. {
  7. NSLog(@"webViewDidFinishLoad");
  8. }
  9. - (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
  10. {
  11. NSLog(@"didFailLoadWithError:%@", error);
  12. }
  13. </span>

运行打印:

2012-06-23 15:20:29.728 WebViewDemo[1001:f803] webViewDidStartLoad

2012-06-23 15:20:29.991 WebViewDemo[1001:f803] webViewDidFinishLoad

那我们试试error情况,把wifi关掉,运行打印结果:

2012-06-23 15:23:58.939 WebViewDemo[1087:f803] webViewDidStartLoad

2012-06-23 15:23:59.016 WebViewDemo[1087:f803] webViewDidFinishLoad

请求结果不变,为什么关掉网络还成功了呢?缓存?我换163.com试试,这是真正的结果出来了:

2012-06-23 15:24:41.131 WebViewDemo[1134:f803] webViewDidStartLoad

2012-06-23 15:24:41.149 WebViewDemo[1134:f803] didFailLoadWithError:Error Domain=NSURLErrorDomain Code=-1009 "The Internet connection appears to be offline." UserInfo=0x6b41660 {NSErrorFailingURLStringKey=http://www.163.com/, NSErrorFailingURLKey=http://www.163.com/, NSLocalizedDescription=The Internet connection appears to be offline., NSUnderlyingError=0x6eae690 "The Internet connection appears to be offline."}

连接错误了,调用了didFailLoadWithError。

5、加载等待界面

为了给用户更直观的界面效果,我们加上等待的loading界面试试

在webViewDidStartLoad加入等待

  1. <strong>- (void) webViewDidStartLoad:(UIWebView *)webView
  2. {
  3. //创建UIActivityIndicatorView背底半透明View
  4. UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
  5. [view setTag:108];
  6. [view setBackgroundColor:[UIColor blackColor]];
  7. [view setAlpha:0.5];
  8. [self.view addSubview:view];
  9. 看到这里无意帮我解决了做微博时,抽屉拖拽时的问题,感谢
  10. activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];
  11. [activityIndicator setCenter:view.center];
  12. [activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];
  13. [view addSubview:activityIndicator];
  14. [activityIndicator startAnimating];
  15. </strong>


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

  1. <strong>- (void) webViewDidFinishLoad:(UIWebView *)webView
  2. {
  3. [activityIndicator stopAnimating];
  4. UIView *view = (UIView*)[self.view viewWithTag:108];
  5. [view removeFromSuperview];
  6. NSLog(@"webViewDidFinishLoad");
  7. }
  8. - (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
  9. {
  10. [activityIndicator stopAnimating];
  11. UIView *view = (UIView*)[self.view viewWithTag:108];
  12. [view removeFromSuperview];
  13. </strong>

运行效果:

时间: 2024-11-07 13:08:12

UIWebView, UIActivityIndicatorView的相关文章

UIWebView和UIActivityIndicatorView的结合使用

环境:Xcode6.1 UIWebView是iOS开发中常用的一个控件,是内置的浏览器控件,我们可以用它来浏览网页,加载文档等.这篇文件将结合UIActivityIndicatorView控件制作一个小实例(加载apple的官网).效果如下:       一.建立一个SingleView工程 二.初始化界面 ViewController.h文件 1 #import <UIKit/UIKit.h> 2 3 @interface ViewController : UIViewController

UIWebView 使用

iOS中UIWebView的使用详解 2016-03-05 20:04:03.950 webWiew[52644:2355401] -[ViewController webView:shouldStartLoadWithRequest:navigationType:] -- <NSMutableURLRequest: 0x7f8d5ac36b50> { URL: https://www.baidu.com/ } -- 5 2016-03-05 20:04:03.952 webWiew[5264

UIWebView和网页的交互(OC中调执行JS)

UIWebView和网页的交互(OC中调执行JS) - (void)viewDidLoad { [super viewDidLoad]; // 1.webView UIWebView *webView = [[UIWebView alloc] init]; webView.frame = self.view.bounds; webView.delegate = self; // 伸缩页面至填充整个webView webView.scalesPageToFit = YES; // 隐藏scroll

IOS UIWebView 下拉刷新功能的简单实现

1.运行效果图 2.swift 代码的实现 import UIKit class RefreshWebViewController: UIViewController,UIScrollViewDelegate,UIWebViewDelegate{ @IBOutlet weak var webView: UIWebView! //刷新控件view private var header:UIView! //下拉到50时松开刷新 private let pullHeight:CGFloat=50 //

iOS开发之UIWebView

转自:http://www.cnblogs.com/zhuqil/archive/2011/07/28/2119923.html UIWebView是iOS sdk中一个最常用的控件.是内置的浏览器控件,我们可以用它来浏览网页.打开文档等等.这篇文章我将使用这个控件,做一个简易的浏览器.如下图: 我们创建一个Window-based Application程序命名为:UIWebViewDemo UIWebView的loadRequest可以用来加载一个url地址,它需要一个NSURLReques

iOS UIWebView和网页的交互(OC中调执行JS)

UIWebView和网页的交互(OC中调执行JS)- (void)viewDidLoad{[super viewDidLoad];// 1.webViewUIWebView *webView = [[UIWebView alloc] init];webView.frame = self.view.bounds;webView.delegate = self;// 伸缩页面至填充整个webViewwebView.scalesPageToFit = YES;// 隐藏scrollViewwebVie

iOS之 UIWebView的简单学习

UIWebView的简单学习 #import "ViewController.h" @interface ViewController ()<UIWebViewDelegate> { UIWebView *WebView; UIView *view; UIActivityIndicatorView *activityIndicator; } @end @implementation ViewController - (void)viewDidLoad { [super vi

Objective-C学习—UIWebView的使用

1.使用UIWebView加载网页 运行XCode 4.3,新建一个Single View Application,命名为WebViewDemo. 2.加载WebView 在ViewController.h添加WebView成员变量和在ViewController.m添加实现 [cpp] view plaincopy #import <UIKit/UIKit.h> @interface ViewController : UIViewController { UIWebView *webView

UIWebView控件用法

UIWebView是IOS SDK中一个常用的控件,是内置的浏览器控件,我们可以用它来浏览网页,打开文档等到.本篇博客主要讲解一下UIWebView控件制作简易的浏览器 效果图如下: 在这里首先我采用的是可视化编程,直接在视图上拖放控件. UIWebView的loadRequest可以用来加载一个url地址,它需要一个NSURLRequest参数.我们定义一个方法用来加载url.在UIWebViewController.m中定义下面方法: - (void)loadWebPageWithStrin