东方信息网欢迎您!

东方信息网
东方信息网 > 资讯 >玩转斗鱼直播APP——游戏推荐展示篇

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

2020-06-26 05:48:55
来源:互联网
阅读:-

游戏推荐展示展示效果展示效果思路分析其实这个实现比较简单,也是有两种方案UIScrollView:直接在上面放上UIButton即可UICollectionView:每一个游戏用一个Cell来展示方案选择方案二:UICollectionView来实现一方面可以循环利用,另一方面U...

游戏推荐展示

展示效果

  • 展示效果

    玩转斗鱼直播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,小码哥社区。

推荐阅读:小米8配置

免责声明:本文仅代表企业观点,与东方信息网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。