游戏界面实现

界面效果展示

• 界面效果

  

界面分析

• 分析图

  

• 如何实现

  • 这个界面实现的方案很多

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

  • 可以直接使用UICollectionView，之后添加内边距（类似推荐界面实现）

• 这里采取UICollectionView的方案

  • 下面每一个游戏就是一个Cell，如果使用UITableView则需要对数据进行进一步处理

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

界面实现

添加UICollectionView

• 懒加载UICollectionView，并且设置相关属性

• 设置数据源，注册Cell，实现数据源方法

接口描述

• 接口名称：全部游戏

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

• 请求参数：</br>

请求数据

• 创建对应的ViewModel，用于GameVc数据的请求

• 发送网络请求

• 对之前的CollectionGameCell进行改进

  • 添加底部的线段

  • 展示数据即可

• 添加组的HeaderView

  • 实现对应的数据源方法即可

添加内边距，并且添加顶部的View

• 添加内边距

• 懒加载两个View

  • gameView：用于展示推荐游戏

  • headerView：顶部View的header

• 在设置UI处添加两个View

关于：中科研拓
深圳市中科研拓科技有限公司专注提供软件外包、app开发、智能硬件开发、O2O电商平台、手机应用程序、大数据系统、物联网项目等开发外包服务，十年研发经验，上百成功案例，中科院软件外包合作企业。通过IT技术实现创造客户和社会的价值，致力于为用户提供很好的软件解决方案。联系电话400-0316-532，邮箱sales@zhongkerd.com，网址www.zhongkerd.com