android cordova 教程,【WebApp】从零开始创建Cordova for android 项目

感谢各位伟大的作者,相关参考地址见文中所列!

一、在idea中关闭项目

先从菜单 File -> Close Project 关掉此项目,然后重新启动idea,在项目列表中,将鼠标移到你想要删除的项目上(不要点击,一点就打开了),然后按fn + DELETE键,就可以彻底删掉项目。

二、开发工具下载地址

三、新建Cordova项目

各种教程地址如下:

http://xuekaiyuan.com/forum.php?mod=viewthread&tid=8

phonegap API:http://docs.phonegap.com/en/2.8.0/index.htmlguide:http://docs.phonegap.com/en/2.8.0/guide_getting-started_android_index.md.html#Getting%20Started%20with%20Android

项目文件夹名、eclipse中项目名称、包名说明:

项目文件夹名:eclipse项目指向的目录,项目创建之后不能修改。

eclipse中项目名称:该名称将用于生成的apk的名称,可以右键选择refactor》rename进行修改。包名:device将根据包名识别应用,用户安装相同包名的应用时,会覆盖旧的应用,升级时用到。所以在进行应用升级开发时,不能改变报名。否则device将认定你升级后的应用为新应用,而不会自动覆盖旧的应用。项目创建之后报名修改方式见第四步。

简单3步创建项目:

1. 下载安卓sdk集合包,官网下载:http://wenku.baidu.com/view/b17c0ffd5ef7ba0d4b733b07.html

2. 下载Cordova包,官网下载:http://phonegap.com/download/#

解压Cordova包,展开目录如下:

710dfbfb3e9969059ea8d9ed27c1afef.png

3.  解压sdk集合包,安装,然后准备开始新建项目:

先将cordova包中的android项目文件夹复制到你存储项目的目录,并将文件夹名称修改为你的项目名称。我没改,直接为example。再按下面步骤走。

(1)file 》new 》project 》下面截图

7cf9d51b77802e18e95dccc0b9955065.png

(2)进入你的项目目录,选择复制过来的android文件夹名,我的是未改动的,所以我直接选择example文件夹。

ec09ac7e39f6cac0eab8f906544eb31f.png

(3)项目建好之后的目录结构,该文件结构为Cordova2.8.0版本。截止目前最新版本。

fcb0a278971d10992b5e41298414bc4b.png

2.9.0版本安装后出错修改:

错误截图如下:

f578ed98dc8220312e93532883eb3616.png

解决方案如下:(嘿嘿,请教的某Z童鞋)

1、去掉hardwareAccelerated属性;(api level 11以后才有这个属性,而示例中的最小sdk level 是

2、去掉android:xlargeScreens属性;(这个里面的minSdkVersion="9"时才能使用该属性)

3、去掉android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"中的screenSize属性

四、运行Cordova项目和简单项目参数修改

1. 点击运行你的Cordova项目:

70724e8b7b7243b0ca9b074b80e08730.png

2. 如果你的应用需要横屏显示,可以这样设置:

62e5403f442492ca114842f9e454d188.png

3. 修改应用名称

23b2f4db4432a6324456415a5bee516c.png

4. 修改包名

3606bb5fdaa4e3ce22fea274998b01e2.png

5. 修改应用icon图标

(1)打开左侧红框中所示文件,在代码中找到 icon=“@drawable/icon”,按住control/command 键,单击 icon,就可以打开当前的icon图表。

787625f932eb9608df99e4cfef9898e8.png

(2)打开后的icon图标如下图所示,该图片对应位置为下图左侧红框所示。直接在源文件夹中,将该图片替换为自己的应用图标即可。图片的大小规格以及格式,就让设计们自己百度吧,嘿嘿。

f3311fb936930e8e78fe24f530ebd5e4.png

五、操作模拟器

1.修改模拟器分辨率和模拟器显示比率

(1)修改模拟器分辨率

4ac81e5817020bd16daa473156452696.png

(2)修改模拟器显示比率(必须勾选弹出框中的“Scale display to real size”,设置才能生效)

fd6d441f62bba92b79fc24084d6b236d.png

2、每次运行强制选择Device:

由于没有测试机会找同事借用,所以经常在模拟器和实体机中间切换,可以按照下面方法进行设置,要求每次运行时强迫选择device。

e8db25bf3d57d797c87c7b0fd4bf3be9.png

3、部分快捷键:

(1)旋转模拟器屏幕:fn+control+f12

ps:做成教程是因为懒得记住。我比较相信卷福的那句话。人的大脑容量是有限的,当你记住一些东西的时候,你永远都不会知道你遗忘了什么作为交换的代价。开始学ios之后,很多要学很多要习惯的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值