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

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

推荐阅读更多精彩内容