1. 首页
  2. 行业网站

AppCan2.0 跨平台应用开发经验分享

      本文作者是AppCan平台应用开发总监@AppCan朱炳芳,主要研究AppCan平台在各个行业中的应用,在AppCan 2.0测试阶段,他就在使用AppCan 2.0开发应用,基于实战去改进AppCan。下面是他对AppCan 2.0跨平台移动应用开发的经验分享。

 

在此键入标题

 

  AppCan平台是一个Hybrid App开发平台,很多开发者一开始选择使用AppCan,是因为它开发出来的应用从响应速度上比较快,这也是我们做AppCan平台的目的之一。AppCan是一个Hybrid App开发框架,初衷就是为了解决跨平台开发的问题,同时又降低开发技术门槛,这是Hybrid App框架的最大优势。

 

  不过,有些人会说AppCan平台开发出来的应用没有原生应用效果那么精细,我想是有多种原因造成的。首先,用Html网页写应用,其效果不可能跟Native应用一模一样,这中间是有差异的,这个差异有多少,取决于平台的成熟度和开发者的经验。其次,很多开发者使用Web技术去开发Hybrid App,基本上沿用了以前的思路,写一个页面,一上来就先把jQuery库等JS库往里扔,这显然是不正确的,手机的浏览器解析没有PC上那么高效率,特别是在Android手机上。

 

  AppCan平台出来之时,就伴随着商业项目的开发。因此,AppCan的应用开发,是有实际项目经验积累的,这些经验积累都会总结并在新的版本中体现出来。比如一开始,AppCan没有项目经验,也会想到说推荐给开发者用jQuerymobile、Secha等框架来写应用布局和交互,然而经过几个月的项目经验后,发现这些框架并不适合,因此在后续版本中推出了自有的UI框架。AppCan类似的很多机制,都是在商业项目中总结出来的。

 

  AppCan平台的多窗口特性,在1.0版本的时候,平台规定uexWindow.open打开窗口的打开时间是250ms,而在2.0版本中,这个参数提供出来,开发者可以自己定义,这样如果要做动画的话,可以通过时间控制动画的时长。在1.0版本的时候,uexWindow.open窗口是有延迟的,等到新开窗口的所有网页静态内容加载完成后才会将窗口show出来,这给用户的感觉就是打开窗口比较慢,在2.0版本的时候,这个延迟去掉了。

 

  AppCan平台的浮动窗口,替代了之前的主+辅窗口(头部/底部窗口)的机制,用浮动窗口去作为主窗口的一部分覆盖在主窗口上,即可实现局部区域的滚动条。而且在浮动窗口中加了弹动效果,在2.0版本中,弹动效果的弹动状态的图片,文字、二级文字等都是可配置的,开发者可以开发效果更好的下拉弹动。浮动窗口可实现动画,即数学变换,这样可以实现单个或多个浮动窗口的动画效果,满足常见交互效果。很多开发者会使用iscroll.js这个库来实现局部区域的滚动,其实这种实现本身在Android手机上性能就有些缺失,并且如果在此区域内,有input或select等输入控件,滚动条滚动后,在Android的一些机器上将不会再被点击上。

 

  在很多应用中,大家都会用到输入框作为聊天场景中的输入区域,但是在用到了浮动窗口或者之前的辅助窗口的时候,都会碰到问题,感觉很别扭。因此在2.0版本中,封装了输入法控件uexEditDialog。使用此对象,能够创建单独的输入法控件,覆盖在view中,并且提供四种输入键盘。

 

  AppCan作为一个Hybrid 框架,可以方便的集成Native控件,在2.0版本中,专门开放了Native插件扩展的接口。AppCan在2.0版本中,也推出了Canvas加速器,即用OpenGL重新实现了Canvas的接口,并且提供了画布view和webview之间的桥接方法,这对网页游戏开发者是一个非常不错的选择。

 

  AppCan在被广大开发者使用的过程中,也被多次提到说安装包过大、默认权限过多的问题,这在2.0版本也得到了解决,开发者可以自行选择用到的控件。需要注意的是,如果应用用到了官方封装的zy_json.js,需要选择uexFileMgr和uexXmlHttpMgr这两个对象。

 

  以上所说的,都是开发的问题,也是开发者关心的问题。那么AppCan2.0版本到底还有什么新东西呢,在新文档上,大家能够看到添加了诸如uexDataAnalysis、uexWidget.getPushInfo等API,也就是统计和推送的功能,这是AppCan新推出的移动应用管理平台MAM(Mobile Application Management)的功能,将开启AppCan为企业提供移动解决方案的序幕。

发表评论

登录后才能评论