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

转载 2012年03月24日 08:59:11

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


QQ群空间登录网址:http://qun.qq.com/air/#

QQ群空间登录网址:http://qun.qq.com/air/#
  • shuiyu
  • shuiyu
  • 2009年05月01日 21:35
  • 193601

Fiddler实现手机抓包——小白入门

手机用fiddler抓包 电脑最好是笔记本,这样能和手机保持统一局域网内;其他不多说,直接说步骤了。 一.对PC(笔记本)参数进行配置    1. 配置fiddler允许监听到https(fiddle...

从零开始配置Dreamweaver CS5.5+PhoneGap移动开发环境

官网视频请看:http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/dreamweaver-cs-55-creating-a-native...
  • nick848
  • nick848
  • 2012年07月12日 13:38
  • 2210

搭建Dreamweaver CS5.5+PhoneGap移动开发环境

搭建开发环境 1.Dreamweaver版本选择 确认Dreamweaver CS5.5版本号是11.5,内部版本5344以上,不是的话请升级你的版本。Adobe官网有的下,破解方法网上一大堆,主...
  • 1950
  • 1950
  • 2012年03月09日 09:22
  • 746

搭建Dreamweaver CS5.5+PhoneGap移动开发环境

搭建开发环境 1.Dreamweaver版本选择 确认Dreamweaver CS5.5版本号是11.5,内部版本5344以上,不是的话请升级你的版本。Adobe官网有的下,破解方法网上一大堆,主...

基于PhoneGap的Android应用开发[eclipse]

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bad...
  • wlanye
  • wlanye
  • 2012年03月24日 09:00
  • 511

使用Dreamweaver 5.5 + JQuery + PhoneGap 开发手机应用程序(上)

--开发环境的搭建  在当前技术形势之下学什么技术的“性价比”最高? 很多人一致认同的答案是:Javascript。性=用途广泛性(跨前后端与各种平台),价=学习的代价(耗费时间与难易程度)。所...
  • soft2buy
  • soft2buy
  • 2012年01月28日 23:32
  • 14424

Dreamweaver 5.5 + JQuery + PhoneGap 开发手机应用程序

开发环境的搭建   在当前技术形势之下学什么技术的“性价比”最高? 很多人一致认同的答案是:Javascript。性=用途广泛性(跨前后端与各种平台),价=学习的代价(耗费时间与难易程度)。...

【技术直通车】使用Dreamweaver 5.5 + JQuery + PhoneGap+ArcGIS Javascript API 开发跨平台手机应用程序

Esri为iOS、Android、Windows Phone提供了相应的API,GIS开发者需要针对不同的平台,使用不同的ArcGIS移动API进行同一款移动GIS应用的开发,不仅提高了开发成本,加大...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:基于PhoneGap的Android应用开发[Dreamweaver CS5.5]
举报原因:
原因补充:

(最多只允许输入30个字)