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

最新推荐文章于 2025-04-09 16:39:25 发布

鹧鸪菜

最新推荐文章于 2025-04-09 16:39:25 发布

阅读量1.2k

点赞数

分类专栏： Mobile/Pad/Tablet 文章标签： phonegap android dreamweaver encoding html iphone

Mobile/Pad/Tablet 专栏收录该内容

19 篇文章

订阅专栏

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格式

输入

[html] view plain copy print ?

<!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文件的文件夹。

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

在xml下创建文件plugins.xml

输入内容

[html] view plain copy print ?

<?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>

<?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>

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

然后就可以看到效果了