直播间视图层次的搭建策略

版本记录

版本号 时间
V1.0 2017.12.09

前言

大家都知道,对于直播类的APP,直播间无疑是最重要的部分,比较大型的公司,比如说YY、斗鱼、花椒等,它们的直播间功能很多,逻辑就很复杂,所以在视图层次的搭建上就需要深思熟虑,视频层,操作层等等,这些都需要我们去考虑,下面我就简单的说一下。

视图层级

1. 视图分层有什么好处

由于直播间的功能复杂性,需要我们不同的视图层级响应不同的事件处理逻辑,而且,有的视图层级必须是最高的,比如说:关闭按钮。这个必须是在顶层,这样在开播网络不好或者其他异常情况,必须保证用户可以正常退出房间。

2. 视图如何分层

有几个因素必须考虑:

  • 关闭按钮:必须是最等级,这样可以保证用户可以正常退出直播间。
  • 视频层:必须是在最下层,因为上面还要有其他连麦等功能面板。
  • 操作层:必须在视频层上面,保证可以对直播间进行逻辑操作。
  • 其他层次:这个就要看产品逻辑,比如礼物面板,如果要求很高的话就要想办法放在顶层。我们是放在UITabBarControllerUILayoutContainerView子视图中,使其与UITransitionView同一级别。

3. 视图层级定义

下面我们先看一下简单的视图层级例子,如下图所示。

这个就是工程中的一个简单例子。

这个看似简单,但是,里面的层级和功能还是很复杂的,这个是实际工程上的,多了就不方便阐述了,只是拿出来简单的做个例子。

后记

未完,待续~~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容