本帖最后由 AppCan_小助 于 2016-1-4 18:25 編輯

大家好！使用AppCan 2年了，應小助妹子的邀請，我把最近一個項目源碼分享出來。之前也看到劍宵、mins、刺鳥等大神的分享，都是很實用、很寶貴的經驗，希望我的小小分享，也能幫到大家。這個APP我花了2周做好前端，下面是具體的一些頁面構成說明。

測試機型：小米1s，小米2，小米3，htc one X

Androud應用包：

tuniu.apk

(6.18 MB, 下載次數: 10370)

2015-7-6 16:40 上傳

點擊文件名下載附件

iOS應用包：

tuniu.ipa

(11.53 MB, 下載次數: 5117)

2015-7-6 16:46 上傳

點擊文件名下載附件

仿途牛應用源碼：

仿途牛源碼.zip

(5.91 MB, 下載次數: 49480)

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 上傳

項目詳解猛戳這里>>

總結

以上是生活随笔為你收集整理的PHP仿途牛,仿途牛APP源码分享的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。