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

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的Android应用开发[Dreamweaver CS5.5]_第1张图片


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

基于PhoneGap的Android应用开发[Dreamweaver CS5.5]_第2张图片


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

新建index.html 用html5格式

输入


[html] view plain copy print ?
  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> 
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>android应用程序</title> <script src="/phonegap.js" type="text/javascript"></script> </head> <body> <h1>hello world!</h1> </div> </body> </html>

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

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

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


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

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

基于PhoneGap的Android应用开发[Dreamweaver CS5.5]_第3张图片

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

在xml下创建文件plugins.xml

输入内容

[html] view plain copy print ?
  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> 
<?xml version="1.0" encoding="utf-8"?> <plugins> <plugin name="App" value="com.phonegap.App"/> <plugin name="Geolocation" value="com.phonegap.GeoBroker"/> <plugin name="Device" value="com.phonegap.Device"/> <plugin name="Accelerometer" value="com.phonegap.AccelListener"/> <plugin name="Compass" value="com.phonegap.CompassListener"/> <plugin name="Media" value="com.phonegap.AudioHandler"/> <plugin name="Camera" value="com.phonegap.CameraLauncher"/> <plugin name="Contacts" value="com.phonegap.ContactManager"/> <plugin name="Crypto" value="com.phonegap.CryptoHandler"/> <plugin name="File" value="com.phonegap.FileUtils"/> <plugin name="Network Status" value="com.phonegap.NetworkManager"/> <plugin name="Notification" value="com.phonegap.Notification"/> <plugin name="Storage" value="com.phonegap.Storage"/> <plugin name="Temperature" value="com.phonegap.TempListener"/> <plugin name="FileTransfer" value="com.phonegap.FileTransfer"/> <plugin name="Capture" value="com.phonegap.Capture"/> </plugins>
然后在重新之前的操作,点击菜单,站点,移动应用程序,生成和模拟。

然后就可以看到效果了


基于PhoneGap的Android应用开发[Dreamweaver CS5.5]_第4张图片

 

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


你可能感兴趣的:(html,android,iPhone,Dreamweaver,PhoneGap,encoding)