cordova

最新推荐文章于 2025-09-10 11:40:21 发布

weixin_30745553

最新推荐文章于 2025-09-10 11:40:21 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 java 操作系统

原文链接：http://www.cnblogs.com/gyz418/p/5729355.html

cordova

1.安装 nodejs => node -v
2.安装 npm install -g cordova => cordova -v
3.安装 jdk
环境变量：（系统变量）
新建JAVA_HOME =》 E:\Java\jdk1.7.0
Path =》 ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
新建CLASSPATH .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
java -version

C:\Users\Administrator\AppData\Local\Android\android-sdk

3.0需要的是android-17（Android 4.2.2）

3.1和3.2需要android-18（Android 4.3）

3.3、3.4、3.5需要android-19（Android 4.4.2）（同时ant1.8+）

npm install -g cordova@3.3.1-0.3.1

try

1.安装 npm install -g cordova@3.5.0-0.2.7

2. 下载解压 adt

ANDROID_HOME ：D:\adt\sdk
path ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
在DOS命令行窗口输入“adb”，

3.下载解压 ant
ANT_HOME ： D:\apache-ant-1.9.7
path：%ANT_HOME%\bin;
CLASSPATH：%ANT_HOME%\lib

4.创建第一个phonegap/cordova 项目
创建cordova项目，第一个demo是目录，第二个是应用包名，第三个参数是应用名称
cordova create demo com.baidu.demo demo

工程创建完后添加android支持
Cordova platform add android

第一次创建项目需要联网下载模板，可能需要点时间，等待完成后输入编译命令
Cordova run android
如果android手机连接到了电脑，应用会被安装到手机，可以在手机上查看效果了，如果手机未连接到电脑或者未正常驱动，则可以单独编译然后手动安装

Cordova build android
Build后apk会产生，放在项目的platform/android/builds/下面

ionic

npm install -g ionic@1.7.16 // 现在出2.0了

ionic -v 1.7.16
cordova -v 3.5.0-0.2.7

ionic start app #13分钟

cd app
ionic platform add android #success
ionic run android

注意：当项目换电脑时，adt ant要安装在同个路径，已经安装的app要删除

Toast插件安装
下载安装包
cmd到cordova目录
cordova plugin add xx #目录名称
D:\0805\demo\platforms\android\src\nl\xservices\plugins\Toast.java
注释掉第134-136行代码

Toast 纯js版本

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
  window.toast = function(msg) {
    duration = 1000 ;
    var m = document.createElement('div');
    m.innerHTML = msg;
    m.style.cssText = "width:60%; min-width:150px; background:#000; font-size:14px;opacity:0.5; color:#fff; line-height:24px;padding:5px 0; text-align:center; border-radius:5px; position:fixed; top:45%; left:20%; z-index:999999;";
    document.body.appendChild(m);
    setTimeout(function() {
      var d = 0.5;
      m.style.webkitTransition = '-webkit-transform ' + d
        + 's ease-in, opacity ' + d + 's ease-in';
      m.style.opacity = '0';
      setTimeout(function() {
        document.body.removeChild(m)
      }, d * 1000);
    }, duration);
  }
  toast("xxx");
</script>
</body>
</html>