Swift仿寫有妖氣漫畫

前言:

一直以來工做中項目使用的都是OC，最近公司項目上線正常迭代比較悠閒，準備寫個Swift項目保持手感，選擇的是仿寫有妖氣漫畫。 另外又仿寫了一款喜馬拉雅FM，感興趣的能夠去看下。

---

項目採用的是MVC的設計模式，Moya+ HandyJson網絡層和數據解析，另外項目中使用的一些優秀的三方庫會在下文提到好比帶動畫的tabBar使用的是ESTabBarController

---

下面先看下目前完成狀況效果圖

首頁分析：

能夠看出首頁的樣式和AppStore的首頁UI樣式很接近，都是根據日期階段幾張大圖首推另外穿插小編推薦。 首頁部分我所採用的使用分區TableView,大圖部分使用tableviewcell，而上面星期天的顯示區域作爲tableView的headerView,下面小編推薦的部分做爲tableview的footerView,其中footerView內部在嵌套collectionView展現小編推薦的漫畫

發現模塊分析：

發現模塊採用的是自定義導航欄，分爲 推薦、VIP、訂閱、排行四個子模塊接下來一一進行分析下

發現-首頁分析：

首頁界面採用的是分區的collectionView，選擇讓頂部的滾動圖片和榜單gird按鈕做爲第一個section，而後其餘的section根據數據model選擇不一樣的樣式和item數量，這裏把第一個section的headerView的size設置爲.zero，把最後一個section的footerVeiw的size設爲.zero 首頁頂部分榜gird和section的headerView上面點擊查看更多按鈕經過block方式獲取點擊事件進行界面跳轉

首頁點擊發現-推薦上面不一樣榜單按鈕以及點擊發現-排行模塊均可以跳轉不一樣類型排行list界面，該界面使用的是tableview展現，不一樣的排行類型會有些差異，主要體如今是否有前三名勳章，以及最早面醒目字體標識的是熱度仍是點擊量或者是收藏量等，這個主要是根據數據模型處理就好了

發現模塊其餘的子模塊分析：

發現模塊的其餘子模塊就比較簡單了，其中VIP和訂閱佈局進本同樣，採用的也是分區collectionview, headerview根據數據模型顯示標題和是否顯示右邊點擊查看更多按鈕，而排行子模塊用collectionView分區顯示幾個排行榜就好了

漫畫詳情模塊：

該模塊能夠說是整個有妖氣最重要的模塊了，爲了美觀詳情界面採用的是進來隱藏導航欄，而後在界面上移的時候顯示導航欄 該模塊頂部漫畫圖文介紹做爲headerView,有一個北京模糊毛玻璃的效果，爲漫畫圖片的投影，底部爲三個分類的子頁面詳情、目錄、評價，該模塊用到了分頁效果的三方庫SwipeMenuViewController，以及導航欄漸進顯示的三方庫 WRNavigationBar

詳情界面分析：

詳情界面採用的是分區的tableView,根據樣式需求第一個section的headerView隱藏，第一個分區爲做品介紹部分，cell的高度要根據數據模型返回的介紹文本長度進行調整，而後根據數據模型判斷該做者是否還有其餘做品來決定是否顯示其餘做品這一cell，猜你喜歡模塊就是嵌套的一個collectionView

目錄界面分析：

目錄界面就是一個collectionView的item根據數據顯示標題，headerView顯示更新和排序(正序和倒敘)方便閱讀

if isPositive {  // 正序
       cell.chapterStatic = detailStatic?.chapter_list?[indexPath.row]
  } else { 
       cell.chapterStatic = detailStatic?.chapter_list?.reversed()[indexPath.row]
  }
複製代碼

評價界面分析：

評價界面主要是tableView列表展現評價內容就好了，根據數據返回的評價內容對列表的高度做調整 三個子頁面根據網上移動的具體，來發通知通知詳情主頁面是否向上滾動以及顯示導航欄效果

個人模塊分析：

個人界面主要就是採用的tableView列表展現，頂部區域頭像妖氣幣、月票等總體做爲headerView

寫在最後:

項目很簡單，界面也不多邏輯處理也很簡單，項目大致上基本完成，書架模塊和一些細節調整後續會完善，感興趣的朋友能夠下載源碼看看，有什麼問題和建議均可以github和簡書聯繫我，謝謝支持

最後放上項目源碼

github：github.com/daomoer/YYS…

加一句：

第二個仿寫項目Github:Swift高仿喜馬拉雅App

簡書：Swift高仿喜馬拉雅APP之一Charles抓包、圖片資源獲取等

本項目參考：www.jianshu.com/p/951236319…