华南网
华南网 > 企业 >  > 正文

玩转斗鱼直播APP——游戏推荐展示篇!

2021-01-15 15:32:49  来源: 阅读:-

游戏推荐展示

展示效果

  • 展示效果

    玩转斗鱼直播APP——游戏推荐展示篇

思路分析

  • 其实这个实现比较简单,也是有两种方案

    • UIScrollView:直接在上面放上UIButton即可

    • UICollectionView:每一个游戏用一个Cell来展示

  • 方案选择

    • 方案二:UICollectionView来实现

    • 一方面可以循环利用,另一方面UICollectionView真的非常好用喔

界面搭建

  • 自定义RecommendGameView

    • 由于内容比较固定,直接通过xib描述

    • 添加UICollectionView即可

      玩转斗鱼直播APP——游戏推荐展示篇

    • 设置UICollectionView的布局,设置数据源以及实现数据源方法(见代码)

    • 切记:设置自定义View的autoresizingMask = .None,否则控件将不能显示

玩转斗鱼直播APP——游戏推荐展示篇
玩转斗鱼直播APP——游戏推荐展示篇

  • 将自定义View添加到UICollectionView中

    • 懒加载RecommendGameView对象

    • 将gameView添加到UICollectionView中

    • 设置UICollectionView的内边距

    • 代码如下:

  • 懒加载RecommendCycleView

玩转斗鱼直播APP——游戏推荐展示篇

  • 添加UIContentView中

玩转斗鱼直播APP——游戏推荐展示篇

展示数据

  • 因为该位置展示的数据,其实是请求热门游戏中10组数据,因此直接展示即可

  • 将之前请求到的groups数组,传递给gameView

    • 将前两组数组删除(热门、颜值)

    • 在最后添加更多分组(最后有一组更多)

    • 对数据进行进一步处理

  • 自定义Cell,用于展示数据

    • 通过Xib直接描述

      玩转斗鱼直播APP——游戏推荐展示篇

  • 根据模型展示数据

    • 代码如下

玩转斗鱼直播APP——游戏推荐展示篇

更多实用的干货,请登录520it.com,小码哥社区。

推荐阅读:雅安在线 来源:

相关阅读

图片推荐

车市“出圈” 818百城车展引 蘑菇的种类有哪些?十种常见可食用

推荐文章

热门排行