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

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

image

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

apps8 2.png