现在的位置: 首页 > 综合 > 正文

基于PhoneGap的Android应用开发[Dreamweaver CS5.5]

2014年02月28日 ⁄ 综合 ⁄ 共 3356字 ⁄ 字号 评论关闭

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。PhoneGap是免费的,但是它需要特定平台提供的附加软件,例如iPhone的iPhone
SDK,Android的Android SDK等,也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。

Dreamweaver CS5.5新增功能:

借助PhoneGap 构建本机Android 和iOS 应用程序借助新增的PhoneGap 功能为Android™ 和iOS 构建并打包本机应用程序。 借助PhoneGap 构建本机Android 和iOS 应用程序

现在我们开始创建我们的android应用吧

新建一个站点

然后点击菜单“站点”-》“移动应用程序”-》“配置移动应用程序框架”;如图所示在SDK路径中输入Android SDK的路径,保存;

点击菜单“站点”-》“移动应用程序”-》“应用程序设置”,输入相关信息

这个时候站点内应该出现一个phonegap.js文件

新建index.html 用html5格式

输入

  1. <!DOCTYPE html>  
  2. <html> 
  3. <head> 
  4. <meta
    charset="utf-8"> 
  5. <title>android应用程序</title> 
  6. <script
    src="/phonegap.js"
    type="text/javascript"></script> 
  7. </head>  
  8. <body>  
  9. <h1>hello world!</h1> 
  10. </div> 
  11. </body> 
  12. </html> 

点击菜单“站点”-》“移动应用程序”-》“生成和模拟”;不出意外的话,就可以生成apk,并安装到模拟器中。

我的不知道是我的电脑问题还是为什么,程序总是运行失败。程序不会自动安装,手动安装后也是崩溃退出【adb install **.apk】

后来发现,生成android的文件后,需要加入一个文件,再次编译后才能顺利执行并安装。

如果你遇到和我一样的情况,解决办法是这样的。

找到生成的android文件的文件夹。

找到res目录,创建文件夹xml

在xml下创建文件plugins.xml

输入内容

  1. <?xml
    version="1.0"
    encoding="utf-8"?> 
  2. <plugins> 
  3.     <plugin
    name="App"
    value="com.phonegap.App"/> 
  4.     <plugin
    name="Geolocation"
    value="com.phonegap.GeoBroker"/> 
  5.     <plugin
    name="Device"
    value="com.phonegap.Device"/> 
  6.     <plugin
    name="Accelerometer"
    value="com.phonegap.AccelListener"/> 
  7.     <plugin
    name="Compass"
    value="com.phonegap.CompassListener"/> 
  8.     <plugin
    name="Media"
    value="com.phonegap.AudioHandler"/> 
  9.     <plugin
    name="Camera"
    value="com.phonegap.CameraLauncher"/> 
  10.     <plugin
    name="Contacts"
    value="com.phonegap.ContactManager"/> 
  11.     <plugin
    name="Crypto"
    value="com.phonegap.CryptoHandler"/> 
  12.     <plugin
    name="File"
    value="com.phonegap.FileUtils"/> 
  13.     <plugin
    name="Network Status"
    value="com.phonegap.NetworkManager"/> 
  14.     <plugin
    name="Notification"
    value="com.phonegap.Notification"/> 
  15.     <plugin
    name="Storage"
    value="com.phonegap.Storage"/> 
  16.     <plugin
    name="Temperature"
    value="com.phonegap.TempListener"/> 
  17.     <plugin
    name="FileTransfer"
    value="com.phonegap.FileTransfer"/> 
  18.     <plugin
    name="Capture"
    value="com.phonegap.Capture"/> 
  19. </plugins> 


然后在重新之前的操作,点击菜单,站点,移动应用程序,生成和模拟。

然后就可以看到效果了

 

转载地址:http://blog.csdn.net/szpnygo/article/details/7088913

抱歉!评论已关闭.