关闭

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

894人阅读 评论(0) 收藏 举报

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


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:960608次
    • 积分:12681
    • 等级:
    • 排名:第1153名
    • 原创:95篇
    • 转载:614篇
    • 译文:12篇
    • 评论:85条
    最新评论