您所在的位置: > 主页 > 佛山都市网 > 资讯 > 正文
玩转斗鱼直播APP——游戏推荐展示篇!来源: 日期:2021-01-15 05:21:51  阅读:-

    游戏推荐展示

    展示效果

    • 展示效果

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

    (正文已结束)

    免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!