一直在做Hybrid App的开发,最近一款apicloud开发平台很是吸引人,我也一直在关注,仔细的研究了apicloud的接口文档,发现端api的很是丰富,已经能满足大部分app需要,方法写的是见名知意,异步回调用起来也是很爽。于是乎我就想起来要写点什么,在手机上随便找了个应用,就途牛了(途牛会不会来找我麻烦〜〜),准备模仿一把练练手。废话不多说了,先上最终效果图,有图有真相。
我大概讲一下我做途牛的思路,
1、打开应用可以看到首页是一个侧滑布局,apicloud提供了现成的api。(openSlidLayout())
2、在侧滑的fiexd页面有很多按钮,通过点击分析发现最终只会打开3个不同的页面(mian,user,toursList),因为这3个页面是打开在同一个窗口内(slider),这是我想到了使用窗口组模块fr
ameGroup(openframeGroup),因为这3个页面的header不一样,所以需要在slider页面写上3个不同的header。到这里出现一个问题,其中toursList页面的header比其余两个高了一点,通过查看frameGroup的api得知窗口组的Y轴高度只能统一设置,不能为每个frame单独设置Y轴,只能将多出的一部分单独写在一个frame中(toursList_tab),因此我在toursList页面打开了2个frame(toursList_tab,toursList-con)。
3、其他的页面就是一些openframe 和openWin打开了,不做过多介绍了。
最后说下我的使用感受,使用apicloud开发应用真的是积木式的拼装应用,给我们提供了大量的原生模块,使我们只用关注于html、css和js就能制作一个媲美原生的应用,海量的前端攻城师是不是又找到了一个春天呢!
源码地址:http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=444&extra=page%3D1
APICloud最新O2O源码+教程:教你五步开发手机APP
http://www.thinkphp.cn/code/812.html
仿搜狐视频源码(教你快速开发手机APP)http://www.thinkphp.cn/code/831.html
仿途牛旅行源码分享(扫二维码体验)http://www.thinkphp.cn/code/840.html
