玩转【斗鱼直播APP】系列之界面分析

斗鱼界面展示

主界面展示

首页界面展示

直播界面展示

我的界面展示

秀场界面展示

游戏界面展示

斗鱼技术分析

• 主界面分析
  • 最底部是一个Tabbar，因此我们只需要让window的根控制器是一个UITabbarController即可
  • 在UITabbarController中添加四个子控制器
    • 首页（HomeViewController）
    • 直播（LiveViewController）
    • 关注（FollowViewController）
    • 我（ProfileViewController）
      
• 首页界面分析
  • 最上层有一个工具类可以滑动来改变界面展示
  • 第一个界面中：1> 无线滚动视图 2> 常见游戏 3> 游戏推荐
  • 其他界面后续具体分析
    
• 直播界面分析
  • 顶部有一个工具类用于选择希望查看的直播类别
  • 内容是一个UICollectionView用于展示对应的游戏
    
• 关注界面分析
  • 用于记录用户关注了哪些主播
  • 在主播开播时给予观众推送通知的提醒
  • 如果没有关注，则提醒关注登录，并且显示推荐内容
    
• 我的界面分析
  • 简单的UITableView，展示一些用户的基本信息
    
• 房间界面分析（重要）
  • 展示直播的视频
  • 底部展示聊天界面&键盘
  • 滑到可以看到主播信息也可以关注主播
  • 滑到可以看到该房间礼物排行榜
  • 全屏展示直播的视频
  • 可以对界面效果进行一些调整、弹幕等