`
yidongkaifa
  • 浏览: 4059667 次
文章分类
社区版块
存档分类
最新评论

iOS学习之WebView的使用

 
阅读更多

1、使用UIWebView加载网页

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


2、加载WebView

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

#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];
}
运行,这样百度网页就打开了


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

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

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

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIWebViewDelegate>
{
    UIWebView *webView;
}
@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实例化下面加上

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

三个方法实现如下:

- (void) webViewDidStartLoad:(UIWebView *)webView
{
    NSLog(@"webViewDidStartLoad");
}
- (void) webViewDidFinishLoad:(UIWebView *)webView
{
    NSLog(@"webViewDidFinishLoad");
}
- (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
    NSLog(@"didFailLoadWithError:%@", error);
}
运行打印:

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加入等待

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

加载完成或失败时,去掉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];
    
运行效果:


例子代码:http://download.csdn.net/detail/totogo2010/4391866

著作权声明:本文由http://blog.csdn.net/totogo2010/原创,欢迎转载分享。请尊重作者劳动,转载时保留该声明和作者博客链接,谢谢


分享到:
评论

相关推荐

    ios关于WebView的示例

    ios的webview效果代码,非常好用,本人亲测,完全免费,能够直接运行,是非常好的学习例子

    webview学习demo

    ios的webview的demo,包含ios调用js和js调用ios代码两个部分,非常好用,本人亲测,完全免费,能够直接运行,是非常好的学习例子

    IOS源码应用Demo-webView控制器的一些常用控制.zip

    前两年IOS应用源码-主要是用于毕业设计学习的。

    iOS使用WebView生成长截图的第3种解决方案

    主要给大家介绍了关于iOS使用WebView生成长截图的第3种解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    iOS去除Webview键盘顶部工具栏的方法

    主要给大家介绍了关于iOS去除Webview键盘顶部工具栏的相关资料,文中通过示例代码介绍的非常详细,对各位iOS开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

    iOS简单到无门槛调试WebView的步骤详解

    主要给大家介绍了关于iOS调试WebView的相关资料,文中介绍的方法可以说是非常简单,简单到无门槛,通过图文介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧

    详解iOS webview加载时序和缓存问题总结

    本篇文章主要介绍了iOS webview加载时序和缓存问题总结 ,这两天学习了Vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。

    ios-雷达图.zip

    之前一直抱着一种不很好的态度去写代码,遇事不求甚解,现在感觉长期这样是不行的,必须自己也依靠实践经验去写一写框架,发现并不难,于是写了一个使用起来很舒服的图表,可随意定制。后面还将上传封装清晰的“柱状...

    WheresMyBrowser.iOS:我的浏览器在哪里? 学习如何入侵WebView(iOS Mobile App)

    一个设计脆弱的iOS应用程序,用于学习如何入侵WebView。 要了解更多信息,请访问的项目页面。 描述 “我的浏览器在哪里”是用于安全培训的故意不安全的iOS应用程序。 该应用程序为易受攻击的场景提供了任务,这些...

    iOS webview捕获H5按钮方法示例代码

    主要给大家介绍了关于iOS webview捕获H5按钮方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    iOS 各种UI控件大全

    初学者各种UI控件大全,对于学习UI非常有帮助。里边包括button,label,switch,webView......一系列ui控件。

    Android Webview滑进出屏幕闪烁的解决方法

    主要给大家介绍了关于Android Webview滑进出屏幕闪烁的解决方法,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

    最全的ios的weiview

    ios的webView代码,ios和js相互调用代码,非常好用,本人亲测,完全免费,能够直接运行,是非常好的学习例子

    ios-universal-webview-boilerplate:适用于Web应用程序的基于通用Swift的样板

    简单的通用Webview应用程序 这是Xcode 6 Universal项目... 如果您是想要发布iOS应用程序的Web开发人员,那么这将有助于您在学习Swift时走捷径。 理想用途 具有屏幕显示/无导航功能的单页Web应用程序。 例如,游戏,交互

    unity uniwebview 3.4

    可以在安卓和IOS 下使用WEBVIEW,提供各种接口。希望大家下下来学习下。

    使用Lua脚本加载Android系统WebView.zip

    操作系统:LInux、IOS、树莓派、安卓开发、微机操作系统、网络操作系统、分布式操作系统等。此外,还有嵌入式操作系统、智能操作系统等。 网络与通信:数据传输、信号处理、网络协议、网络与通信硬件、网络安全网络...

    iOS 加载本地html

    加载本地html文件的一个demo.希望通过代码,可以分享到自己的学习结果。

    Android实现微信webview兼容Android 7.0。.zip

    Android实现微信webview兼容Android 7.0。自带库文件不使用系统的可以全方位兼容各机型,实现二次封装,发布时间2017. 软件开发设计:PHP、QT、应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、...

    UniWebView 5.4.1 Unity3D跨平台Webview插件

    最新功能丰富的WebView控件,支持Android、iOS、Mac平台,支持Unity版本:2020.3.0或更高,UniWebView 5.4.1仅供学习交流

    ios-JS与Native交互.zip

    包含js与webview、wkwebview的交互,自己的一点研究与学习,能解决大部分的交互问题。GitHub地址:https://github.com/FarWinter/IOS-JsAndNativeDemo.git,后面会有更新。研究出什么更好的会持续上传,谢谢大家。

Global site tag (gtag.js) - Google Analytics