exmobi高仿去哪儿旅行app!新鲜出炉啦

zhangyihui11@fiberhome
   2015-01-29 17:03:58发布 0收藏, 7982浏览
案例分享
-1

混合模式开发,uixml引擎同webview引擎的完美结合!小伙伴们快来下载看看吧!
应用插件代码:
      qunademo111.zip(7.93M 下载次数:694)
独立的客户端下载链接:



说下页面的排版布局思路:
1. 打开主页是典型的上方简约块状式内容、下方图文导航区域布局;  内容区域用div弹性盒子布局排列出所有功能模块,下方导航区用exmobi现成的menubar导航控件实现;
2.主页导航中点击不同菜单切换到不同页面,其实都是打开的新页面,只不过开窗方式为_self;
3.机票列表页面、酒店列表页面,因为列表项数据展示有点复杂,exmobi提供的listitem控件无法实现这么复杂的效果,所以还是用div、img、font控件的组合去实现的,这边因为是demo,数据都是写死的直接在页面上展现的,实际项目场景中,建议放在exmobi的uixml引擎中的list控件中去根据div模板绘制出数据,可以大幅提升页面绘制效率;
4. “语音”、“发现”两个主页是完全用html5去实现的,因为页面上有少许动画效果,感觉html5实现更方便一些。

                      

10.png  (0.08M  下载次数:96次)

11.png  (0.07M  下载次数:101次)

6.png  (0.05M  下载次数:101次)

1.png  (0.05M  下载次数:100次)

7.png  (0.09M  下载次数:87次)

8.png  (0.07M  下载次数:98次)

9.png  (0.14M  下载次数:98次)

2.png  (0.04M  下载次数:101次)

3.png  (0.14M  下载次数:104次)

4.png  (0.10M  下载次数:89次)

12.png  (0.05M  下载次数:135次)

5.png  (0.05M  下载次数:92次)

qr4exmobi.png  (0.04M  下载次数:72次)

下载APP
扫码下载栗子社区APP