iOS 自定义 Tabbar

前言

仿斗鱼界面, 中心按钮是一个凸起按钮, 点击带有旋转动画

需求分析

1. tabbar 有5个item, 每个对应一个界面

2. 中间 item 为凸起按钮

3. 中间按钮点击旋转

部分实现

1.  自定义 UITabBar 添加中心按钮

2.  按钮的 frame 设置为居中, 中心水平与 tabBar 的顶部对齐. 然后处理超出区域点击无效的问题

3.  利用 KVO 将自己的tabBar赋给系统tabBar

4.  添加自控制器, 注意中心控制器不要添加占位图片

5. 给中心按钮添加自定义动画(这个就不贴了)

其他

自控制器嵌套在自定义导航栏中, 自定义导航栏处理了iPhone X切换页面push时 UITabBar上移的问题

Demo: Custom tabBar with raised button