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

最新推荐文章于 2021-01-19 07:30:47 发布
最新推荐文章于 2021-01-19 07:30:47 发布
阅读量660 收藏
点赞数
文章标签： 小码哥 小码哥教育 斗鱼直播APP


斗鱼界面展示

  • 主界面展示

  • 首页界面展示

  • 直播界面展示

  • 我的界面展示

  • 秀场界面展示

  • 游戏界面展示

斗鱼技术分析

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

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

qq_36778200
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
玩转【斗鱼直播APP】系列之界面分析
kidd风的博客
09-14 2912
斗鱼界面展示 主界面展示 首页界面展示 直播界面展示 我的界面展示 秀场界面展示 游戏界面展示 斗鱼技术分析 主界面分析 最底部是一个Tabbar，因此我们只需要让window的根控制器是一个UITabbarController即可在UITabbarController中添加四个子控制器 首
玩转【斗鱼直播APP】系列之首页布局分析实现
kidd风的博客
09-18 1961
布局首页分析实现 完成最终效果 这个效果还是挺常见的哈 效果分析： 顶部是一个工具类，并且为了该工具类可以复用。（其他界面也用到）最好是单独封装起来 中间内容可以左右滚动，并且有分页效果。可以通过封装UIView，并且里面添加UICollectionView方式。 封装顶部的PageTitleView 封装构造函数 封装构造函数，让别人在创建对象时，就传入其实需
玩转【斗鱼直播APP】系列之布局推荐界面
kidd风的博客
09-19 3674
布局推荐界面 实现效果 今天内容完成效果 推荐界面分析 上层有无限轮播器(之后再完成)滚动的UIScrollView或者UICollectionView(之后再完成)下面是UICollectionView,并且有HeaderView UICollectionView的Cell大小基本一致，但是在颜值处Cell的高度有变化。该UICollectionView一共12组，第一
五十、简单的斗鱼分析案例
微信号：RunsenLiu
05-27 2032
某一天毛利我想去斗鱼直播，突然不知道现在斗鱼比较火的是啥 https://www.douyu.com/directory/columnRoom/PCgame 分析斗鱼现在人气最火的是啥，这不先要爬虫开始吗 简单将 房间名称,房间类别,主播名称,房间人数对应的class搞出来 这里我使用bs4来解析，一个页面有120个直播房间 数据预处理 因为房间人数是文本，所以我去掉那个万，在转化类型 1...
玩转【斗鱼直播APP】系列之获取APP图片资源
kidd风的博客
09-14 2105
为什么要获取APP资源 真实开发中，实现一个APP里面会用到各种图片资源（包括图标、背景图片等等）。这些资源通常是美工提供给我们，我们直接使用即可。但是因为我们目前是在模仿一个APP，也没有真正的美工人员提供给我们图片，怎么办呢？我们就需要从模仿的APP的IPA中获取到想要的资源 下载IPA资源包 图片资源都是存在IPA包中，所有第一步操作应该是下载IPA包以斗鱼为例： （因为
Vue-cli-webpack搭建斗鱼直播步骤详解
08-28
Vue-cli-webpack 搭建斗鱼直播步骤详解 本篇文章主要介绍了使用 Vue-cli-webpack 搭建斗鱼直播的步骤详解，包括项目初始化、安装依赖、引入安装的包、配置映射和测试斗鱼 API 等多个方面。 一、项目初始化 在开始...
高仿斗鱼直播App项目
10-20
【高仿斗鱼直播App项目】是一个针对学习者设计的实战项目，旨在帮助开发者深入了解和掌握构建类似斗鱼直播应用程序的技术和流程。这个项目不仅涵盖了移动应用开发的基础知识，还涉及到了实时流媒体、社交互动、用户...
Python爬虫实战--爬取斗鱼直播所有房间信息.zip
12-23
Python爬虫源码大放送：抓取数据，轻松搞定！...无论你是想要分析竞品数据、收集行业情报，还是想要偷窥某个女神的社交媒体动态，这些源码都能满足你的需求。 是时候打破技术壁垒，开启数据抓取的新篇章了
微信小程序源码-仿斗鱼直播小程序.zip
最新发布
03-24
微信小程序源码-仿斗鱼直播小程序.zip微信小程序源码-仿斗鱼直播小程序.zip微信小程序源码-仿斗鱼直播小程序.zip微信小程序源码-仿斗鱼直播小程序.zip微信小程序源码-仿斗鱼直播小程序.zip微信小程序源码-仿斗鱼直播...
玩转【斗鱼直播APP】系列之项目基本设置
kidd风的博客
09-14 1768
设置的内容 任何一个项目在新建之后都有很多东西需要进行设置。 比如版本号、BundleID、部署版本等等 设置BundleID、部署版本、横竖屏等 设置图标、启动图片 设置项目名称 Info.plist中添加Bundle Display Name，设置项目名称 划分目录结构 进入项目文件夹，划分目录 在项目中修改文件夹名称
PreviewDemo-海康威视C#直播源码SDK.zip
09-20
【Demo内容说明】 ------------------------------------- 1. 实现预览、抓图(BMP、JPEG)、客户端录像、云台控制(2014-7-4) 2. 设备通道号在界面上手动输入，64路以下NVR的IP通道一般从33开始 3. bin文件夹下为已编译的可执行程序（Release版本） 4. SDK日志保存路径："C:\\SdkLog\\"（2014-7-4） 【注意事项】 ------------------------------------ 1. 海康威视官方源码 2. 请将设备网络SDK开发包【库文件】里的HCNetSDK.dll、HCCore.dll、PlayCtrl.dll、SuperRender.dll、AudioRender.dll、HCNetSDKCom文件夹等文件均拷贝到bin文件夹下。 HCNetSDKCom文件夹（包含里面的功能组件dll库文件）需要和HCNetSDK.dll、HCCore.dll一起加载，放在同一个目录下，且HCNetSDKCom文件夹名不能修改。 3. 如果自行开发软件不能正常实现相应功能，而且程序没有指定加载的dll库路径，请在程序运行的情况下尝试删除HCNetSDK.dll。如果可以删除，说明程序可能调用到系统盘Windows->System32目录下的dll文件，建议删除或者更新该目录下的相关dll文件；如果不能删除，dll文件右键选择属性确认SDK库版本。 4. 如按上述步骤操作后还是不能实现相应功能，请根据NET_DVR_GetLastError返回的错误号判断原因。
C# 实现IP视频监控（摄像头）画面推送
05-28
1.实现一个简单HTTP服务器，用来接受请求并启动一个线程处理图片流的推送功能 　　2.开发一个实时抓取图片的线程，并将图片交给HTTP推送线程 　　3.HTTP的请求URL参数中 附带推送频率、图片高度和宽度 　　4.使用一个IP摄像头监控端（或者Firefox浏览器），实时查看视频画面
从斗鱼顶级女主播来思考直播间画面的布局
cpuwolf的成长笔记
06-19 6605
做什么事情，都先要看做的最成功的人，再思考自己的思路。斗鱼顶级主播冯提莫，美女唱歌主播她的直播间，当然是有经纪人团队专人打理，但是万变不离其宗，还是要落实到直播画面。冯提莫的直播间画面，是采用左右布局：左侧是大主播本人，这当然是重中之重。主播是绝对重要的，其他的都是其次。右侧的区域比左侧要小很多，而且很简单，背景就是白底，上面叠加了个人的公众号：微博 和 微信。接下来，是一个taobao店，没有细研
费尔php模板引擎 mysql 设置_最常用的25个PHP模板引擎
weixin_28958485的博客
01-19 124
为了找到一个好的模板引擎，我在GOOGLE上进行搜索，对他们进行了整理，以便于大家比较选择：SmartySmarty的特点是将模板编译成PHP脚本，然后执行这些脚本。很快，非常灵活。Heyes Template Class一个非常容易使用，但功能强大并且快速的模板引擎，它帮助你把页面布局和设计从代码中分离。FastTemplate一个简单的变量插值模板类，它分析你的模板，把变量的值从HTML代码中...
用express布置模板布局
goodgirl1991的专栏
11-15 668
转载自https://segmentfault.com/a/1190000005767260 新建默认layout layout.ejs 配置 var expressLayouts = requ
高仿ios斗鱼界面
xiangzhihong8的专栏
01-24 5950
前言过去的2016年是一个直播年，各大平台都相继接入了直播频道，电商，社交…更是火了一批做视频的，譬如喵播，映客，都斗鱼等直播平台。全民直播，一下子掀起了直播的技术潮，今天要聊聊如何实现一个ios的直播app。 首先来看最终的效果： 最近也是因为入门swift不久，在网上找了一个项目就开始模仿，本项目用到的第三方库： Alamofire KingfisherSwift3.0的蝶变swif
斗鱼直播数据分析(二)之爬虫数据分析及可视化
热门推荐
技术集散地
08-21 1万+
前言 本文基于斗鱼直播数据分析(一)之利用python3爬虫获取数据所爬取的数据进行数据分析可视化，主要是利用SQL进行统计，可视化的显示用的是Echarts 一、查看数据分布情况 SELECT crawl_time, COUNT(*) FROM douyu_crawl_data_etl GROUP BY crawl_time ORDER BY crawl_time; 数据分布...
Android实现访斗鱼视频播放
forwardToChase的博客
03-21 1102
在这分享一下视频播放第三方，很好用：JiaoZiVideoPlayer下载地址： https://github.com/lipangit/JiaoZiVideoPlayer.githttps://github.com/lipangit/JiaoZiVideoPlayer.githttps://github.com/lipangit/JiaoZiVideoPlayer.githttps:/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值