iOS 自定义 Tabbar
2018-02-23 本文已影响0人
秤子_5dcc
前言
仿斗鱼界面, 中心按钮是一个凸起按钮, 点击带有旋转动画
![](https://img.haomeiwen.com/i6058534/7e96ebe8781c6ecd.gif)
需求分析
1. tabbar 有5个item, 每个对应一个界面
2. 中间 item 为凸起按钮
3. 中间按钮点击旋转
部分实现
1. 自定义 UITabBar 添加中心按钮
![](https://img.haomeiwen.com/i6058534/c7eda6a30c29c01f.png)
2. 按钮的 frame 设置为居中, 中心水平与 tabBar 的顶部对齐. 然后处理超出区域点击无效的问题
![](https://img.haomeiwen.com/i6058534/ed381be15facedea.png)
3. 利用 KVO 将自己的tabBar赋给系统tabBar
![](https://img.haomeiwen.com/i6058534/c6886a94b1800801.png)
4. 添加自控制器, 注意中心控制器不要添加占位图片
![](https://img.haomeiwen.com/i6058534/1da3e201a6e83760.png)
5. 给中心按钮添加自定义动画(这个就不贴了)
其他
自控制器嵌套在自定义导航栏中, 自定义导航栏处理了iPhone X切换页面push时 UITabBar上移的问题