iOS开发-UIWebView加载本地和网络数据

简介:

UIWebView是内置的浏览器控件,可以用它来浏览网页、打开文档,关于浏览网页榜样可以参考UC,手机必备浏览器,至于文档浏览的手机很多图书阅读软件,UIWebView是一个混合体,具体的功能控件内置的,实现一些基本的功能。UIWebView可以查看Html网页,pdf文件,docx文件,txt文件文件,系统自带的Safari就是UIWebView实现的。

基础布局

页面布局很简单就是一个文本框,一个按钮,一个UIWebView,页面布局如下:

如果想简单一点的话,其实用UIWebView也行,不过需要先准备一些文本数据,具体如下:

数据加载

①直接拼接Html,用UIWebView显示,viewDidLoad中添加代码:

1
2
3
//直接加载Html字符串
NSString  *htmlStr=@ "<html><head><title>Html加载</title></head><body>HtmlDemo-FlyElephant</body></html>" ;
[ self .webView loadHTMLString:htmlStr baseURL: nil ];

 

 

②加载本地的Html网页,Book.html中代码:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<title>书籍</title>
</head>
<body>
少年维特之烦恼-歌德
</body>
</html>

viewDidLoad代码:

1
2
3
NSString  *filePath = [[ NSBundle  mainBundle]pathForResource:@ "Book"  ofType:@ "html" ];
NSString  *htmlString = [ NSString  stringWithContentsOfFile:filePath encoding: NSUTF8StringEncoding  error: nil ];
[ self .webView loadHTMLString:htmlString baseURL:[ NSURL  URLWithString:filePath]];

③加载本地的pdf文件,viewDidLoad代码:

1
2
3
4
5
NSURL  *url = [[ NSBundle  mainBundle]URLForResource:@ "Book.pdf"  withExtension: nil ];
 
NSURLRequest  *request = [ NSURLRequest  requestWithURL:url];
 
[ self .webView loadRequest:request];

  

加载pdf的第二种方式:

1
2
3
4
5
6
NSString  *path = [[ NSBundle  mainBundle]pathForResource:@ "Book.pdf"  ofType: nil ];
 
//以二进制的形式加载数据
NSData  *data = [ NSData  dataWithContentsOfFile:path];
 
[ self .webView loadData:data MIMEType:@ "application/pdf"  textEncodingName:@ "UTF-8"  baseURL: nil ];

④加载本地txt文件,viewDidLoad代码如下:

1
2
3
4
//加载txt
        NSURL  *url = [[ NSBundle  mainBundle]URLForResource:@ "Book.txt"  withExtension: nil ];
        //设置Url
        [ self .webView loadRequest:[ NSURLRequest  requestWithURL:url]];

  

⑤加载Word,viewDidLoad代码如下:

1
2
3
4
//加载Word
NSURL  *url = [[ NSBundle  mainBundle]URLForResource:@ "Book.docx"  withExtension: nil ];
//设置加载Url
[ self .webView loadRequest:[ NSURLRequest  requestWithURL:url]];

  

⑥加载网络数据,跳转按钮事件中实现如下:

1
2
NSURLRequest  *request =[ NSURLRequest  requestWithURL:[ NSURL  URLWithString: self .urlText.text]];
[ self .webView loadRequest:request];

  

⑦设置委托,在不同的阶段处理数据,实现UIWebViewDelegate,设置自己本身为委托对象;

1
[ self .webView setDelegate: self ];

常用的三个方法:

1
2
3
4
5
6
7
8
9
10
11
12
//加载开始
- ( void )webViewDidStartLoad:(UIWebView *)webView{
     NSLog (@ "加载开始的时候的方法调用" );
}
//加载完成
-( void )webViewDidFinishLoad:(UIWebView *)webView{
     NSLog (@ "加载完成的时候电脑方法调用" );
}
//加载出错
- ( void )webView:(UIWebView *)webView didFailLoadWithError:( NSError  *)error{
     NSLog (@ "加载出错的时候的调用" );
}

  本文转自Fly_Elephant博客园博客,原文链接:http://www.cnblogs.com/xiaofeixiang/p/4307573.html,如需转载请自行联系原作者

相关文章
|
机器学习/深度学习 PyTorch 算法框架/工具
目标检测实战(一):CIFAR10结合神经网络加载、训练、测试完整步骤
这篇文章介绍了如何使用PyTorch框架,结合CIFAR-10数据集,通过定义神经网络、损失函数和优化器,进行模型的训练和测试。
989 2
目标检测实战(一):CIFAR10结合神经网络加载、训练、测试完整步骤
|
开发框架 前端开发 Android开发
Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势
本文深入探讨了 Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势。这对于实现高效的跨平台移动应用开发具有重要指导意义。
1719 4
|
JSON JavaScript 安全
iOS应用程序数据保护:如何保护iOS应用程序中的图片、资源和敏感数据
iOS应用程序数据保护:如何保护iOS应用程序中的图片、资源和敏感数据
453 1
|
11月前
|
安全 Linux 虚拟化
Cisco IOS XRv 9000 Router IOS XR Release 7.11.2 MD - 思科 IOS XR 网络操作系统
Cisco IOS XRv 9000 Router IOS XR Release 7.11.2 MD - 思科 IOS XR 网络操作系统
665 3
Cisco IOS XRv 9000 Router IOS XR Release 7.11.2 MD - 思科 IOS XR 网络操作系统
|
移动开发 TensorFlow 算法框架/工具
只保存和加载网络权重
【8月更文挑战第21天】只保存和加载网络权重。
196 2
|
Ubuntu Linux 开发者
Ubuntu20.04搭建嵌入式linux网络加载内核、设备树和根文件系统
使用上述U-Boot命令配置并启动嵌入式设备。如果配置正确,设备将通过TFTP加载内核和设备树,并通过NFS挂载根文件系统。
1040 15
|
安全 网络安全 Android开发
安卓与iOS开发:选择的艺术网络安全与信息安全:漏洞、加密与意识的交织
【8月更文挑战第20天】在数字时代,安卓和iOS两大平台如同两座巍峨的山峰,分别占据着移动互联网的半壁江山。它们各自拥有独特的魅力和优势,吸引着无数开发者投身其中。本文将探讨这两个平台的特点、优势以及它们在移动应用开发中的地位,帮助读者更好地理解这两个平台的差异,并为那些正在面临选择的开发者提供一些启示。
338 56
|
缓存 JavaScript
Vue加载网络组件(远程组件)
【10月更文挑战第23天】在 Vue 中实现加载网络组件(远程组件)可以通过多种方式来完成。
|
iOS开发 开发者
iOS平台RTMP|RTSP播放器如何实时回调YUV数据
我们在做RTMP、RTSP播放器的时候,有开发者需要自己处理拉取到的YUV数据,做二次分析之用,为此,我们做了以下的设计:InitPlayer之后,再调用SmartPlayerStart()接口之前,设置yuv数据回调即可。
383 6
|
缓存
Flutter Image从网络加载图片刷新、强制重新渲染
Flutter Image从网络加载图片刷新、强制重新渲染
766 1

热门文章

最新文章