1.4 使用UIWebView加载HTML和Gif动画 [iOS开发中的神兵利器]



1. 本节课将为您演示,如何使用网页视图加载网页代码和Gif动画。此时我们已经在项目中导入了一张Gif图片。


2. 然后在左侧的项目导航区,打开视图控制器的代码文件。


3. 现在开始编写代码,首先实现使用网页视图加载网页代码的功能。


4. 添加一个网页视图对象,作为当前类的属性。


5. 获得当前设备的屏幕尺寸信息。


6. 然后创建一个矩形的显示区域。


7. 初始化一个网页视图对象,并以矩形区域作为其显示区域。


8. 设置网页视图的背景颜色为无色。


9. 将网页视图添加到当前视图控制器的根视图。


10. 初始化一个按钮控件,并设置其显示区域。当用户点击该按钮时,将加载并渲染一段网页代码。


11. 设置按钮在正常状态下的标题文字。


12. 设置按钮的背景颜色为棕色。


13. 给按钮绑定点击事件。


14. 接着创建另一个按钮,当用户点击该按钮时,将加载项目中的Gif动画。


15. 设置按钮在正常状态下的标题文字。


16. 设置按钮的背景颜色为棕色。


17. 给按钮绑定点击事件。


18. 然后将两个按钮,依次添加到视图控制器的根视图。


19. 添加一个方法,用来响应第一个按钮的点击事件。


20. 初始化一个字符串常量,用来表示一段网页代码。该网页代码用来显示一行文字,并设置文字的颜色为红色,尺寸为20像素。


21. 初始化另一个字符串常量 ,用来表示一段网页代码。该网页代码用来显示一行文字,并设置文字中电话号码的颜色为红色。


22. 初始化第三个字符串常量 ,该网页代码用来显示一行文字,并设置文字加粗的视觉样式。


23. 将三个字符串拼接为一个字符串,该字符串将作为网页视图的内容。


24. 设置网页视图的检测类型,网页视图将会突出显示符合该类型的内容。


25. 调用网页视图的加载网页代码字符串的方法,加载刚刚拼接的字符串常量。


26. 添加第二个方法,用来响应第二个按钮的点击事件。


27. 获得项目束的主目录,使网页视图可以加载项目主目录下的资源。


28. 使用相同的方式,通过调用网页视图的加载网页字符串的方法,加载主目录中的动画文件。接着点击[编译并运行]按钮,启动模拟器预览项目。


29. 在弹出的模拟器中,首先点击第一个按钮,网页视图将加载并渲染您之前设置的网页代码,同时观察网页中的文字的视觉样式。


30. 接着点击加载动画按钮,网页视图将加载并播放项目中的Gif动画。


31. 观察动画的播放效果,然后点击左上角的[停止]按钮,关闭模拟器并结束本节课程。




本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

0