斗鱼直播界面布局模板,斗鱼app怎么开直播教程

接下来想详细为大家带来关于斗鱼直播APP的开发介绍,篇章较多,有兴趣和疑问的朋友可登陆520it.com的小码哥社区一起交流。

斗鱼界面展示

  • 主界面展示

斗鱼直播界面布局模板,斗鱼app怎么开直播教程图1

  • 首页界面展示

    斗鱼直播界面布局模板,斗鱼app怎么开直播教程图2

  • 直播界面展示

    斗鱼直播界面布局模板,斗鱼app怎么开直播教程图3

  • 我的界面展示

    斗鱼直播界面布局模板,斗鱼app怎么开直播教程图4

  • 秀场界面展示

    斗鱼直播界面布局模板,斗鱼app怎么开直播教程图5

  • 游戏界面展示

    斗鱼直播界面布局模板,斗鱼app怎么开直播教程图6

斗鱼技术分析

主界面分析

  • 最底部是一个Tabbar,因此我们只需要让window的根控制器是一个UITabbarController即可

  • 在UITabbarController中添加四个子控制器

1、首页(HomeViewController)

2、 直播(LiveViewController)

4、我(ProfileViewController)

斗鱼直播界面布局模板,斗鱼app怎么开直播教程图7

1、首页界面分析

    • 最上层有一个工具类可以滑动来改变界面展示

    • 第一个界面中:1> 无线滚动视图 2> 常见游戏 3> 游戏推荐

    • 其他界面后续具体分析

      斗鱼直播界面布局模板,斗鱼app怎么开直播教程图8

    2、直播界面分析

    • 顶部有一个工具类用于选择希望查看的直播类别

    • 内容是一个UICollectionView用于展示对应的游戏

      斗鱼直播界面布局模板,斗鱼app怎么开直播教程图9

    • 在主播开播时给予观众推送通知的提醒

    • 斗鱼直播界面布局模板,斗鱼app怎么开直播教程图10

4、我的界面分析

    • 简单的UITableView,展示一些用户的基本信息

      斗鱼直播界面布局模板,斗鱼app怎么开直播教程图11

      房间界面分析(重要)

    • 展示直播的视频

    • 底部展示聊天界面&键盘

    • 滑到可以看到该房间礼物排行榜

    • 全屏展示直播的视频

    • 可以对界面效果进行一些调整、弹幕等

      斗鱼直播界面布局模板,斗鱼app怎么开直播教程图12

      斗鱼直播界面布局模板,斗鱼app怎么开直播教程图13


版权声明:本文来自用户投稿,不代表【柚子生活网】立场,本平台所发表的文章、图片属于原权利人所有,因客观原因,或会存在不当使用的情况,非恶意侵犯原权利人相关权益,敬请相关权利人谅解并与我们联系(邮箱:youzivr@vip.qq.com)我们将及时处理,共同维护良好的网络创作环境。

发表评论

登录后才能评论

评论列表(0条)

    联系我们

    在线咨询: QQ交谈

    邮件:youzivr@vip.qq.com

    工作时间:周一至周五,9:30-18:30,节假日休息