您的位置: 吉林之声 > 科技 > 正文

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

2021-01-15 07:29:11来源:阅读:-

游戏推荐展示

展示效果

  • 展示效果

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

推荐阅读:爱车网

滚动推荐
29:11玩转斗鱼直播APP——游戏推荐展示
游戏推荐展示展示效果展示效果思路分析其实这个实现比较简单,也是有两种方[详细]
28:45同出于步步高,OPPO和vivo有
说起颜值高、受年轻人欢迎的手机,那绝对少不了OPPO与vivo的身影。[详细]
09:35妹子最喜欢的手机TOP3,你能猜到
一般来说,数码手机类的产品都是男生的领域,但是手机这个东西却不是男士专[详细]
07:34摩托罗拉神机Razr折叠屏真的来了
在智能机时代,摩托罗拉没能摆脱老牌厂商的命运,创新不足。近日网上曝光了[详细]
59:27到底情怀对产品多重要,来看看这款令
近两年内手机行业发生了彻头彻尾的变化,从初期的“中华酷联”到后来的“华[详细]
52:5310月18发!锤子新旗舰T3/T3
10月18日锤子新一代旗舰手机将正式跟大家见面,对于T3来说它的销量似[详细]
52:074款女生喜欢的手机,没有一款低配高
女生在选择手机的时候,对于品牌或者外观还是比较看重的。有时候相中的机型[详细]