仿今日头条项目架构 (一)—— ios11导航栏和tabBar层级

版本记录

版本号 时间
V1.0 2017.11.04

前言

今日头条目前发展势头很猛,不仅有新闻资讯,还有视频,直播,微头条的模块,可以说,头条已经集成了新闻、社交、短视频和直播等多方面的技术和发展方向。接下来几篇我们就以头条为模板,对头条整体框架的搭建以及相关细节处理进行详细解析,希望大家能喜欢,有什么不对的地方希望大家能批评指正。

今日头条

首先我们看一下今日头条的几个页面。

首页
西瓜视频
中间按钮
微头条
我的

下面我们就开始了,争取隔几天更新一次。


UITabBar的层级结构

下面我们看一下ios11系统UITabBar的层级结构。

从前往后依次是:

  • 1. UIWindow
  • (红色部分) UILayoutContainerView
  • 2. UITransitionView
  • 3. UITabBar
  • 4. _UIBarBackground
  • 5. UIImageView
  • 6. UIVisualEffectView
  • 7. _UIVisualEffectBackdropView
  • 8. _UIVisualEffectSubview

看一下层级结构。


UINavigationBar层级结构

下面我们就看一下UINavigationBar的层级结构。

从前往后的层级依次是:

  • UIWindow
  • UILayoutContainerView
  • UINavigationTransitionView
  • UINavigationBar
  • _UIBarBackground
  • UIImageView
  • UIVisualEffectView
  • _UIVisualEffectBackdropView
  • _UIVisualEffectSubview
  • _UINavigationBarContentView

看一下层级结构

后记

这个是很简单的东西,大家感兴趣的可以看一下视图层次。可以让大家更好的了解这些细节。

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

推荐阅读更多精彩内容