1.6 通过Javascript代码调用原生程序 [iOS开发中

1. 本节课将为您演示，如何通过网页中的脚本代码，调用设备的原生程序。首先创建一个网页文件，在项目文件夹上点击鼠标右键，弹出右键菜单。

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. 添加一个脚本函数，用来获得当前设备的属性信息。

image

15. 当执行该函数时，浏览器将进入另一个网址，跳转的目标网址是一个特殊的字符串。通过在原生程序监听和捕捉该字符串，实现脚本调用原生程序的功能。

image

16. 接着添加一对主体标签，网页中的元素通常都放在此处，同时设置其背景颜色。

image

17. 添加一个按钮元素，当该按钮被点击时，执行刚刚创建的脚本函数。然后在左侧的项目导航区，打开视图控制器的代码文件。

image

18. 现在开始编写代码，通过网页视图加载刚刚创建的网页文件，并监听网页视图的加载动作。

image

19. 首先添加一个网页视图的代理协议，通过该协议中的方法，可以对网页视图的加载动作进行监听。

image

20. 接着给类文件添加一个网页视图类型的属性。

image

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

image

22. 通过屏幕尺寸信息创建一个矩形区域。

image

23. 然后通过矩形区域，初始化一个位于该显示区域的网页视图。

image

24. 设置网页视图的代理对象，该代理对象是当前的视图控制器对象。

image

25. 接着设置网页视图的背景颜色为无色。

image

26. 设置根视图的背景颜色为橙色，并将网页视图添加到根视图中。

image

27. 获得网页文件在项目中的路径，并将路径转换成网址的样式。

image

28. 通过网页视图的加载请求方法，加载该网址路径下的网页文件。

image

29. 添加一个代理方法，用来监听网页视图的加载动作。当网页视图即将开始加载动作时，调用此方法。

image

30. 获得网页视图即将加载的网址字符串。

image

31. 将网址以冒号进行分割，并生成一个包含两个字符串的数组。

image

32. 获得数组中的第一个元素。

image

33. 如果数组中的第一个元素，和我们在网页文件中编写的脚本一致，则执行之后的代码。

image

34. 获得当前设备的模型信息。

image

35. 接着获得当前设备的操作系统的名称。

image

36. 获得当前设备的操作系统的版本号。

image

37. 将以上获得的信息，拼接成一个字符串常量。

image

38. 然后通过调用脚本的警告语句，在网页中打开警告窗口，并显示设备的属性信息。

image

39. 最后返回假，使网页视图中止加载的动作。

image

40. 当网页视图加载的网址，不是我们自定义的网址时，则返回真，以继续网页视图的加载动作。接着点击[编译并运行]按钮，启动模拟器预览项目。

image

41. 在弹出的模拟器中，点击网页中的按钮，将弹出一个警告窗口。

42. 在弹出的警告窗口中，显示了当前模拟器的属性信息。点击确定按钮，关闭弹出窗口。

image

43. 最后点击左上角的[停止]按钮，关闭模拟器，并结束本节课程。

image

image

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

apps8 2.png