游戲界面實現

界面效果展示

• 界面效果

  

界面分析

• 分析圖

  

• 如何實現

• 這個界面實現的方案很多

• 可以直接使用UITableView，之后添加一個HeaderView

• 可以直接使用UICollectionView，之后添加內邊距（類似推薦界面實現）

• 這里采取UICollectionView的方案

• 下面每一個游戲就是一個Cell，如果使用UITableView則需要對數據進行進一步處理

• 另外上面部分，直接添加內邊距，并且添加內容即可

界面實現

添加UICollectionView

• 懶加載UICollectionView，并且設置相關屬性

• 設置數據源，注冊Cell，實現數據源方法

接口描述

• 接口名稱：全部游戲

• 接口地址：http://capi.douyucdn.cn/api/v1/getColumnDetail

• 請求參數：
  

請求數據

• 創(chuàng)建對應的ViewModel，用于GameVc數據的請求

• 發(fā)送網絡請求

• 對之前的CollectionGameCell進行改進

• 添加底部的線段

• 展示數據即可

• 添加組的HeaderView

• 實現對應的數據源方法即可

添加內邊距，并且添加頂部的View

• 添加內邊距

• 懶加載兩個View

• gameView：用于展示推薦游戲

• headerView：頂部View的header

• 在設置UI處添加兩個View

• 從之前請求的數據中獲取數據，進行展示即可

• 默認展示前10條數據

更多資訊更多討論，請登錄bbs.520it.com,小碼哥論壇。