可直接商用的《動漫之家》開源,基於 CrossApp!

TP_funny發表於2014-12-08
程式碼中內建體驗APK,提供下載體驗,目前已經完美適配各裝置。(9秒社團 原創開源)

注:動漫之家為當前國內最大的線上動漫網站,所有漫畫資源均免費閱讀和下載。當前版本非正式版!所以本專案的git會需要持續完善,如果廣大開發者發現了問題,可隨時pull Requests給我們,萬分感謝您對社群的回饋!


功能介紹:
這裡以android平臺體驗為例,開啟動漫之家客戶端,進入應用,首頁給我們展示的是預設的推薦頁面,


我們可以看到,底部的功能欄分為5個版塊,分別是分類、推薦、訂閱、下載和更多。頁面的重新整理方式採用上拉和下拉方式,對於需要重新整理的頁面,下拉操作通常為重新整理整個頁面,上拉操作通常為載入新資源。接下來我們就分別對這5個版塊進行詳細說明。

(一)分類:
分類版塊裡,包括所有漫畫資源的分類和索引,同時可以檢視具體的排行榜資訊,以及進行登陸、註冊,可以通過手勢滑動來滑出分類頁面。


在分類裡面,可以根據不同的分類條件獲得相應的漫畫資源,包括按漫畫連載狀態、受歡迎群體、地域、題材和首字母等條件進行漫畫的索引。
在此版塊還可以進行登陸等操作,點選上方登入頭像即可進入登陸介面,當前支援兩種第三方登入方式,QQ和新浪微博。


(二)推薦:

推薦版塊為應用開啟的預設首頁,為我們進行了多種推薦,在推薦頁的頂部功能欄中,我們可以獲得不同版塊中的推薦漫畫,包括最新的、連載中的、已經完結的和動漫之家原創的漫畫,支援手勢滑動。


(三)訂閱:
訂閱版塊用於記錄使用者的漫畫訂閱資訊和瀏覽記錄,同時還能進行登陸等操作,


在訂閱版塊裡,頂部導航欄左邊的圖示為登陸按鈕,右邊的為搜尋按鈕,並且在推薦訂閱和下載中都提供搜尋功能。


(四)下載:
下載版塊用於記錄漫畫的下載資訊,支援下載斷點續傳。如果下載版塊裡已經下載了部分漫畫,我們可以點選當前下載的某一漫畫進入漫畫的下載頁面,就可以繼續進行下載操作,當然在已經下載的頁面中,我們點選下載頁面右邊的觀看按鈕也可瀏覽漫畫。


我們可以在首頁選擇一部漫畫進入,點選右上角的下載按鈕即可進入下載頁面。在下載頁面中,可以全選下載所有,也可以手動選擇下載,同時可以進行正序和倒序,對漫畫的劇集進行排序。


開始點選下載後,就可以進入具體的下載操作介面,這裡顯示正在下載的任務。


點選右上角的編輯,可以對正在下載的任務進行管理


點選已下載,可以看到已經下載的漫畫劇集。


同樣點選右上角的編輯也可對已經下載的劇集進行編輯


(四)更多:
更多版塊裡包括設定、版本更新、意見反饋、清快取和關於等資訊,


在設定介面可以進行相關設定,可以點選裝置返回鍵退出應用。



閱讀體驗
我們選擇一部漫畫,可以看到漫畫的具體資訊,可以新增對漫畫的收藏,之後可以在訂閱裡面看見收藏的漫畫。


我們可以點選作者名,應用會自動給我們搜出作者的相關的漫畫。同時漫畫頁面還包括當前漫畫的所有劇集、觀看評論和相關推薦。


在漫畫劇集中我們選擇一話進入實際的閱讀體驗,我們可以左右滑動畫面來進行瀏覽。


點選螢幕中央可以彈出閱讀設定,包括螢幕亮度、收藏、設定橫豎屏、操作習慣以及拖動滑動條進行快速翻頁等。同時點選右上角的操作提醒,可以看到我點選螢幕時的不同區域對應的操作,


可以看到閱讀分三個點選區域


在閱讀設定中可以進行閱讀習慣設定,是左手閱讀還是右手閱讀,預設為左手閱讀,點選既可以進行切換。


我們點選橫屏,進行橫屏瀏覽漫畫,可以看到橫屏時不區分左右手操作習慣。


在橫屏時,點選操作提醒,可以看到此時的操作區域和正常豎屏時的不同。


開發環境配置要求:
XCode5.0及更高版本
Mac OS X10.8及更高版本
引擎版本:CrossApp v0.3.10

說明:
原始碼是在Mac下進行編譯除錯的,在VS下還沒有配置過,可能在VS環境編譯會出錯,所以沒提供win32的工程,參與進來的朋友可以自己處理一個win32工程,如果除錯OK,希望可以pull Requests到oschina的本專案git中,期待您對社群的回饋

注意:執行動漫之家前瞻版的客戶端程式碼首先需要自己搭建伺服器,這是伺服器架設文件及伺服器的原始碼下載地址:http://www.9miao.com/news/6/64953
這裡為了方便測試體驗效果,原始碼裡面也附帶了一個Apk,執行這個Apk,可以不用搭建伺服器。

前瞻版原始碼裡面已經整合了很多常用的sdk,暫時給大家使用友盟的sdk。伺服器搭建好了以後,可以直接把原始碼解壓到引擎的projects目下,執行對應的Mac或者iOS工程都可以跑起來。
Git@OSC:http://git.oschina.net/9miao/CartoonHouse
官方網站:http://dm.9miao.com
來自:開源中國
相關閱讀
評論(1)

相關文章