赞
踩
本帖最后由 AppCan_小助 于 2016-1-4 18:25 编辑
大家好!使用AppCan 2年了,应小助妹子的邀请,我把最近一个项目源码分享出来。之前也看到剑宵、mins、刺鸟等大神的分享,都是很实用、很宝贵的经验,希望我的小小分享,也能帮到大家。这个APP我花了2周做好前端,下面是具体的一些页面构成说明。
测试机型:小米1s,小米2,小米3,htc one X
Androud应用包:
tuniu.apk
(6.18 MB, 下载次数: 10369)
2015-7-6 16:40 上传
点击文件名下载附件
iOS应用包:
tuniu.ipa
(11.53 MB, 下载次数: 5114)
2015-7-6 16:46 上传
点击文件名下载附件
仿途牛应用源码:
仿途牛源码.zip
(5.91 MB, 下载次数: 49478)
2015-7-6 16:47 上传
点击文件名下载附件
我的页面构成:
1.打开app进入首页,同时加载侧滑布局,appcan提供了现成的侧滑方法(SlidingWindow)。index主页由header头部、content浮动窗口组成(打开浮动窗口的appcan.frame.open方法)。
1.png (172.38 KB, 下载次数: 181)
2015-7-6 16:47 上传
2.png (55.15 KB, 下载次数: 181)
2015-7-6 16:47 上传
主页面主页面打开侧滑栏
2.头部左边是打开侧滑栏按钮(用uexWindow.setSlidingWindow(paramStr)方法)和关闭搜索页按钮(初始为隐藏状态) ,省市选择按钮;中间是搜索框,点击弹出**搜索页面,隐藏侧滑栏按钮,显示关闭搜索页面按钮(关闭浮动窗口用appcan.frame.close("search")方法);右边是一个拨号按钮,点击按钮直接拨号;
3.png (15.9 KB, 下载次数: 151)
2015-7-6 16:47 上传
4.png (26.98 KB, 下载次数: 193)
2015-7-6 16:47 上传
3.主页面里面图片滑块是用的appcan的appcan.slider以控件的方式插入的,还有侧滑栏目录treeview、个人主页的tabview滑块以及登录、注册页面等都是直接通过”APPCAN—控件插入”的方式引入的。
5.png (37.18 KB, 下载次数: 176)
2015-7-6 16:47 上传
6.png (17.57 KB, 下载次数: 150)
2015-7-6 16:47 上传
其实在appcan的插件里面封装了很多东西,像我用到的上下弹动刷新效果(uexWindow.setBounce)等都拿来添加好参数就可以用了,下面是一些其他页面的展示:
7.png (21.57 KB, 下载次数: 176)
2015-7-6 16:47 上传
8.png (147.64 KB, 下载次数: 188)
2015-7-6 16:47 上传
9.png (136.17 KB, 下载次数: 183)
2015-7-6 16:47 上传
10.png (218.29 KB, 下载次数: 185)
2015-7-6 16:47 上传
11.png (127.49 KB, 下载次数: 213)
2015-7-6 16:47 上传
项目详解猛戳这里>>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。