• 使用PhoneGap开发基于Html5应用二:第一个PhoneGap应用:百度


    上一篇博文 使用PhoneGap开发基于Html5应用一:PhoneGap简单介绍 中我介绍了怎样从phonegap官网上下载源代码并启动第一个应用,今天我们把phonegap的应用略微改一下,让他实现几个比較牛叉的功能:

    1.启动一个网页

    2.启动摄像头

    3.启动定位

    老规矩。在实现这几个功能之前我们先讲一下原理性的东西:

    首先我们先回想一下上次说的,事实上phonegap应用中有个特别的webview,它就是CDVViewController。关于这个类我们后面再具体描写叙述,如今我们先了解这个类究竟做了什么,它事实上就是调用iOS设备的控制器类。那么他凭什么知道用户要调用摄像头之类的设备呢,那就是通过解析html的js代码。

    phonegap自定义了一些js代码,让这些JS代码跟CDVViewController这个类去交互,CDVViewController的作用就是推断server端的html代码,假设是普通的html就直接显示,假设碰到Phonegap自定义的JS代码就“翻译”成调用iOS内设的代码。好的,概念介绍完成,假设大家还不懂的话。我们以下開始看样例。


    如图是官方的demo应用的文件夹,我们仅仅须要执行后找到软件包就可以(如图,扩展名为app的意思是,它是mac系统的应用程序,但实际情况呢。它是iOS的应用,也就是说扩展名是ipa,所以能够通过iTunes来转变格式,这个就不多说了,大家知道这个意思就可以)。打开后看见例如以下列表:


    能够看见www目录位于应用中。下有两个文件,一个js文件,一个html

    再看看xcode中Appdelegate代码:

    self.viewController.wwwFolderName = @"www";
        self.viewController.startPage = @"index.html";
    

    这两句的意思就是指明了文件夹名和文件名称

    假设改成

        self.viewController.startPage = @"http://www.baidu.com";
    

    就能够实现载入百度首页的功能。效果例如以下:



    非常显然百度首先显示出来是没有不论什么问题了。

    下一篇文章。将给大家解析cordova.js这个文件,由于这个js指明了全部的操作iOS设备的js代码,并且它与CDVViewController交互。所以异常重要。


  • 相关阅读:
    刷题-力扣-剑指 Offer 22. 链表中倒数第k个节点
    刷题-力扣-617. 合并二叉树
    刷题-力扣-1109. 航班预订统计
    刷题-力扣-606. 根据二叉树创建字符串
    刷题-力扣-563. 二叉树的坡度
    扛把子组20191017-8 alpha week 2/2 Scrum立会报告+燃尽图 07
    20191017-7 alpha week 2/2 Scrum立会报告+燃尽图 06
    20191017-6alpha week 2/2 Scrum立会报告+燃尽图 05
    扛把子组20191017-5 alpha week 2/2 Scrum立会报告+燃尽图 04
    记第一次 团建
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/7344457.html
Copyright © 2020-2023  润新知