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

来源:互联网 发布:修改gps定位软件 编辑:程序博客网 时间:2024/06/13 04:40

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!', // messagealertDismissed, // callback'Game Over', // title'Done' // buttonName);console.log("Received 2" + navigator.notification);

}

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