本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
Cordova 3.x 实用插件(3) -- 社交分享SocialSharing
插件地址:https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin
(1)创建工程
引用cordova create HelloSocialSharing com.rensanning.cordova HelloSocialSharing
cd HelloSocialSharing
cordova platform add ...
Cordova 3.x 实用插件(2) -- 二维码Barcode
引用这个插件采用的是开源版的zxing,如果性能、识别率不满足需求的话,建议使用Scandit,它提供了Community SDK,并且支持Platforms(iOS/Android)、Frameworks(Titanium/Xamarin/Phonegap/Worklight)。其中Community版的支持UPC-A / UPC-E、EAN8 / EAN13、QR Code。
插件地址:htt ...
Cordova 3.x 实用插件(1) -- Google地图Maps
插件地址:https://github.com/wf9a5m75/phonegap-googlemaps-plugin/
(1)创建工程
引用cordova create HelloMap com.rensanning.cordova HelloMap
cd HelloMap
cordova platform add android
(2)创建Google Play Services的lib
引 ...
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)
通过Web界面上传HTML/CSS/Javascript源代码后,在云环境(ICE)中把这些代码转换成不同平台的app。以下简单试用了一下PhoneGap Build、AppBuilder、Appery.io、Monaca、SAE云窗调试器等5个服务。
编译出来的APK文件除过Monaca获取的权限太多无法安装、SAE云窗调试器只是调试工具,基本都能够很好的实现自动化编译。
Appery.io编 ...
Cordova 3.x 基础(14) -- 使用Hooks自定义build过程
Hooks本身是一些脚本代码,可以使用任何语言(比如:nodejs、shell等),用来自定义Cordova CLI命令,位于Cordova项目的根目录hooks文件夹下。主要目的是扩展Cordova CLI框架,在应用的build生命周期中插入自定义的build构建内容。
(1)Hooks的种类
①Module-level Hooks
面向的是扩展Cordova平台的,这个是相对比较大的项目的, ...
Cordova 3.x 基础(13) -- 为Android APK签名
Cordova 编译 Android工程的时候,调用的Android SDK的默认build过程,所以是基于Ant的。
(1)调试用APK
引用cordova build android
默认是debug模式,使用debug.keystore ...
Cordova 3.x 基础(12) -- Plugin开发
Cordova提供的功能能够满足一般应用,但是对于复杂的应用或者对性能要求比较严格的应用来说,并不是很理想的。所以就需要在某些场景下自己写代码来弥补这些不足,类似Titanium Module一样,Cordova也提供了Plugin功能。Cordova本身访问Native接口都是通过Plugin的方式提供的,可以参考官方Plugin代码,而且GitHub上也存在不少开源的Cordova Plugin ...
Cordova 3.x 基础(11) -- JS是如何调用本地API的?
Cordova应用基于Webview,所以后台代码和js交互都是基于Webview(Webkit)的接口的。
Android:WebView(WebKit-based) WebView(4.4 Chromium-based) Updatable-WebViews(5+)
@JavascriptInterface/WebView#addJavascriptInterface()
参考源码 Expo ...
Cordova 3.x 基础(10) -- UI框架Ionic Framework
Ionic是Drifty继Codiqa(基于 Web 的 jQuery Mobile构建工具)和Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目。面向使用HTML5开发混合式应用的的前端UI开源框架。
http://ionicframework.com/
Demos http://codepen.io/ionic/public-list
Show ...
Cordova 3.x 基础(9) -- UI框架jQuery Mobile
目前Version 1.4.1,这里只是做个摘要,官方的Demos有很详细的使用说明。
http://demos.jquerymobile.com/1.4.1/
http://api.jquerymobile.com/
(1)引入
<!DOCTYPE html>
<meta charset="UTF-8" />
<meta name=&qu ...
Cordova 3.x 基础(8) -- 几个不可或缺的lib
(1)Zepto.js http://zeptojs.com/
jQuery绝对是最流行的类库,但是现在对它的批评是越来越多,主要问题是它的大小,即使版本2.0中去除了对于IE6,IE7和IE8的支持,但是仍旧体积比较大,特别对于移动设备来说。 相比人们开始更加关注Vanilla JS http://vanilla-js.com/,它对于DOM处理以外的内容更快,更高效。 对于Hybrid App ...
Cordova 3.x 基础(7) -- Native API的使用
移动设备的Hardware接口包括:Accelerometer、Camera、Capture、Compass、Connection、Contacts、Device、Native Events、File、Geolocation、Notification、Storage、Gestures/Multitouch、Messages/Telephone、Bluetooth、NFC、Vibration。Cord ...
Cordova 3.x 基础(6) -- Sample工程解析
(1)通过Cordova CLI创建Cordova工程
最简化创建应用:
引用cordova create app1
***默认使用package名:io.cordova.hellocordova、应用名:HelloCordova。
指定package名和应用名:
引用cordova create app2 com.rensanning.app.cordova CordovaSample
*** ...
Cordova 3.x 基础(5) -- 配置文件config.xml
首先要注意的是:从3.3版本以后已经把www/config.xml移动到了根目录下。
在config.xml中定义的东西应该适应所有平台。在build工程的是时候,会看到“Generating config.xml from defaults for platform "android"”这样的字样,他会生成各个平台的config.xml。
生成的文件:
Android:My ...
Cordova 3.x 基础(4) -- deviceready事件
Cordova框架中第一个应该掌握的就是这个deviceready事件。采用Cordova开发的应用在运行的时候,Cordova提供的通过HTML5调用Native功能并不是立即就能使用的,Cordova框架在读入HTML5代码之后,要进行HTML5和Native建立桥接,在未能完成这个桥接的初始的情况下,是不能调用Native功能的。在Cordova框架中,当这个桥接的初始化完成后,会调用他自身特 ...
Cordova 3.x 基础(3) -- 调试工具Debug
(1)Ripple Emulator
是基于Google Chrome的移动应用模拟器,已经捐赠给了ASF。Apache Ripple:http://ripple.incubator.apache.org/
Chrome Webstore安装地址:
https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc
...
Cordova 3.x 基础(2) -- 应用图标icon和启动页面SplashScreen
==========================================================
最新版Cordova CLI已经支持在config.xml中配置<splash> 和 <icon>,CB-2606, CB-3571 Add support for <icon>, <splash>。设置如下:
<platform ...
Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)
Mobile App分为三大类:Native App、Hybrid App、Web App。
其中Hybrid App介于Native App和Web App之间,它能兼顾Native App的良好用户体验及强大的功能并具有Web App跨平台快速开发的优势。缺点在于依赖于各平台的WebView,WebView的性能好坏直接决定了Hybrid App的性能。
目前国内外的Hybrid App开发 ...