唐山信息港欢迎您!
唐山信息港>企业>正文

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

2020-06-26 05:58:53 来源: 阅读:-

游戏推荐展示

展示效果

  • 展示效果

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

本文为企业推广,本网站不做任何建议,仅提供参考,作为信息展示!

推荐阅读:lofree

网友评论
请登录后进行评论| 0条评论

请文明发言,还可以输入140

您的评论已经发表成功,请等候审核

小提示:您要为您发表的言论后果负责,请各位遵守法纪注意语言文明

回到首页 回到顶部
唐山信息港 关于我们| 联系我们| 招聘信息| XML地图| 网站地图TXT
免责声明:唐山信息港所有文字、图片、视频、音频等资料均来自互联网,不代表本站赞同其观点,本站亦不为其版权负责。相关作品的原创性、文中陈述文字以及内容数据庞杂本站无法一一核实,如果您发现本网站上有侵犯您的合法权益的内容,请联系我们,本网站将立即予以删除!
Copyright © 2012-2019 http://www.blmsn.com, All rights reserved.