android实现cordova 配置安装及项目创建导入eclipse添加对话框插件

android实现cordova 配置安装及项目创建导入eclipse添加对话框插件

安装:https://nodejs.org

npm -g install cordova

mac环境变量配置

export NODE=/usr/local/bin:/usr/local/bin/node:/usr/local/bin/npm

安装Cordova Cli ：

npm install -g cordova

输入cordova没有显示command not found表示配置成功

1、创建项目

cordova create test com.test.hello HelloWorld

2、进入hello目录

cd hello

3、添加android运行时

cordova platform add android

4、编译项目

cordova build

项目目录结构介绍

config.xml

hooks：自定义的扩展功能

platforms：存放的是已经添加的运行时

plugins：存放引入的插件

www：开发的目录有点类似于web开发的目录（包括css、img、js等等）

引入项目

在eclipse引入刚才创建的项目

选择android项目引入->找到刚才的test目录->勾选CordovaLib（库）和HelloWorld（开发项目）连个项目（不要勾选copy projects into workspaces）->点击finish

项目中assets可能默认是隐藏的可以通过点击项目右键->properties->resource ->resource filters->找到对应的项删除即可。

1、可以通过在项目根目录下www文件夹来开发－通过cordova build编译，cordova run运行（切记，使用cordova build/run 会覆盖assets的代码，开发前需确定方式）

2、也可以在assets中编写代码，直接通过eclipse运行编译代码

3、在cordova网站plugin APIs下http://cordova.apache.org/docs/en/latest/reference/cordova-plugin-dialogs/index.html找到安装插件的命令：cordova plugin add cordova-plugin-dialogs

4、在项目目录执行cordova plugin add cordova-plugin-dialogs

5、在index.html中引入jquery包

6、查看初始化流程

app.initialize();//初始化

最终执行下面的函数

onDeviceReady : function() {

//

alertDialog();

},

// 弹出提示框

function alertDialog() {

navigator.notification.alert('You are the winner!', // message
alertDismissed, // callback
'Game Over', // title
'Done' // buttonName
);
console.log("Received 2" + navigator.notification);

}

//点击Done时调用
function alertDismissed() {
// do something
console.log("Received 1" + navigator.notification);
}