ios培訓(xùn)-斗魚直播app之游戲界面實現(xiàn)

《ios培訓(xùn)-斗魚直播app之游戲界面實現(xiàn)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、玩轉(zhuǎn)【斗魚直播APP】系列之游戲界面實現(xiàn)作者：小碼哥教育游戲界面實現(xiàn)界面效果展示界面效果界面分析分析圖如何實現(xiàn)這個界面實現(xiàn)的方案很多可以直接使用UITableView，之后添加一個HeaderView可以直接使用UICollectionView，之后添加內(nèi)邊距（類似推薦界面實現(xiàn)）這里采取UICollectionView的方案下面每一個游戲就是一個Cell，如果使用UITableView則需要對數(shù)據(jù)進(jìn)行進(jìn)一步處理另外上面部分，直接添加內(nèi)邊距，并且添加內(nèi)容即可界面實現(xiàn)添加UICollectionView懶加載UICollectionView，并且設(shè)置相關(guān)屬性1.fi

2、leprivatelazyvarcollectionView:UICollectionView={2.//1.創(chuàng)建布局3.letlayout=UICollectionViewFlowLayout()4.layout.itemSize=CGSize(width:kItemW,height:kItemH)5.layout.minimumLineSpacing=06.layout.minimumInteritemSpacing=07.layout.headerReferenceSize=CGSize(width:kScreenW,height:kHeaderViewH

3、)8.layout.sectionInset=UIEdgeInsets(top:0,left:kEdgeMargin,bottom:0,right:kEdgeMargin)9.10.//2.創(chuàng)建UICollectionView11.letcollectionView=UICollectionView(frame:self.view.bounds,collectionViewLayout:layout)12.collectionView.dataSource=self13.collectionView.delegate=self14.collectionView.

4、register(UINib(nibName:"CollectionGameCell",bundle:nil),forCellWithReuseIdentifier:kGameCellID)15.collectionView.register(UINib(nibName:"CollectionHeaderView",bundle:nil),forSupplementaryViewOfKind:UICollectionElementKindSectionHeader,withReuseIdentifier:kHeaderViewID)16.collectionVi

5、ew.backgroundColor=UIColor.white17.collectionView.autoresizingMask=[.flexibleHeight,.flexibleWidth]18.19.returncollectionView20.}()·設(shè)置數(shù)據(jù)源，注冊Cell，實現(xiàn)數(shù)據(jù)源方法1.//MARK:-遵守UICollectionView的數(shù)據(jù)源&代理2.extensionGameViewController:UICollectionViewDataSource{1.funccollectionView(_collectionView:UIC

6、ollectionView,numberOfItemsInSectionsection:Int)->Int{2.return603.}4.5.funccollectionView(_collectionView:UICollectionView,cellForItemAtindexPath:IndexPath)->UICollectionViewCell{6.//1.取出Cell7.letcell=collectionView.dequeueReusableCell(withReuseIdentifier:kGameCellID,for:indexPath)as

7、!CollectionGameCell8.9.returncell10.}11.12.}接口描述接口名稱：全部游戲接口地址：http://capi.douyucdn.cn/api/v1/getColumnDetail請求參數(shù)：
參數(shù)名稱參數(shù)說明shortNamegame請求數(shù)據(jù)創(chuàng)建對應(yīng)的ViewModel，用于GameVc數(shù)據(jù)的請求1.extensionGameViewModel{2.funcloadAllGamesData(finishedCallback:@escaping()->Void){3.NetworkTools.requestData(.g

8、et,URLString