小碼哥-玩轉【鬥魚直播APP】系列之界面分析

鬥魚界面展示

• 主界面展示
  

• 首頁界面展示
  

• 直播界面展示
  

• 我的界面展示
  

• 秀場界面展示
  

• 遊戲界面展示
  

鬥魚技術分析

• 主界面分析
  • 最底部是一個Tabbar，因此我們只需要讓window的根控制器是一個UITabbarController即可
  • 在UITabbarController中添加四個子控制器
    • 首頁（HomeViewController）
    • 直播（LiveViewController）
    • 關注（FollowViewController）
    • 我（ProfileViewController）
      
• 首頁界面分析
  • 最上層有一個工具類可以滑動來改變界面展示
  • 第一個界面中：1> 無線滾動視圖 2> 常見遊戲 3> 遊戲推薦
  • 其他界面後續具體分析
    
• 直播界面分析
  • 頂部有一個工具類用於選擇希望查看的直播類別
  • 內容是一個UICollectionView用於展示對應的遊戲
    
• 關注界面分析
  • 用於記錄用戶關注了哪些主播
  • 在主播開播時給予觀衆推送通知的提醒
  • 如果沒有關注，則提醒關注登錄，並且顯示推薦內容
    
• 我的界面分析
  • 簡單的UITableView，展示一些用戶的基本信息
    
• 房間界面分析（重要）
  • 展示直播的視頻
  • 底部展示聊天界面&鍵盤
  • 滑到可以看到主播信息也可以關注主播
  • 滑到可以看到該房間禮物排行榜
  • 全屏展示直播的視頻
  • 可以對界面效果進行一些調整、彈幕等
    
    

來源：http://bbs.520it.com/forum.php?mod=viewthread&tid=2226