iOS 自定义 Tabbar

前言

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


iOS 自定义 Tabbar_第1张图片

需求分析

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

2. 中间 item 为凸起按钮

3. 中间按钮点击旋转

部分实现

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


iOS 自定义 Tabbar_第2张图片

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


iOS 自定义 Tabbar_第3张图片

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


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


iOS 自定义 Tabbar_第4张图片

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

其他

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

Demo: Custom tabBar with raised button

你可能感兴趣的:(iOS 自定义 Tabbar)