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

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

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

2、關(guān)屬性1.fileprivatelazyvarcollectionView: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,heigh

3、t:kHeaderViewH)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=s

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

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

6、ccollectionView(_collectionView:UICollectionView,numberOfItemsInSectionsection:Int)->Int{2.return603.}4.5.funccollectionView(_collectionView:UICollectionView,cellForItemAtindexPath:IndexPath)->UICollectionViewCell{6.//1.取出Cell7.letcell=collectionView.dequeueReusableCell(withRe

7、useIdentifier:kGameCellID,for:indexPath)as!CollectionGameCell8.9.returncell10.}11.12.}接口描述接口名稱：全部游戲接口地址：http://capi.douyucdn.cn/api/v1/getColumnDetail請(qǐng)求參數(shù)：
參數(shù)名稱參數(shù)說(shuō)明shortNamegame請(qǐng)求數(shù)據(jù)創(chuàng)建對(duì)應(yīng)的ViewModel，用于GameVc數(shù)據(jù)的請(qǐng)求1.extensionGameViewModel{2.funcloadAllGamesData(finishedCallback

8、:@escaping()->Void){3.NetworkTools.requestData(.get,URLString