您的位置: 华声热线 > 商讯 > 正文

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

2021-01-15 04:54:31来源:阅读:-

游戏推荐展示

展示效果

  • 展示效果

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

推荐阅读:齐鲁信息网

滚动推荐
54:31玩转斗鱼直播APP——游戏推荐展示
游戏推荐展示展示效果展示效果思路分析其实这个实现比较简单,也是有两种方[详细]
48:49上线10年后 索尼关闭手机官网、论
如此尴尬的成绩似乎也让索尼高层不好意思,一个新的变化是,服役超过10年[详细]
42:24全金属流线机身+1.59mm超窄边
经常关注手机数码的朋友应该知道,如今的手机市场很难靠堆砌硬件去开拓,关[详细]
33:31锤子新品即将发布 会是传说中的T3
看到别的手机厂商的全面屏手机混的风生水起,终于老罗坐不住了,10月30[详细]
31:26给女生选手机,这4款不会错!
给女生买手机不能只看性能,还要兼顾颜值和拍照。vivoZ1vivoZ1[详细]
25:07原来OPPO手机还能单独给一张照片
相册加密觉得还不保险的伙伴可以再给单张图片加密。步骤:文件管理--文件[详细]
17:59玩转斗鱼直播APP——首页布局分析
布局首页分析实现完成最终效果这个效果还是挺常见的哈效果分析:顶部是一个[详细]