1)前言
仿闲鱼APP,中间凸起Tab页面;
屏幕快照 2019-09-30 下午4.54.48.png
2)解决方案
首先创建CCTabBarController继承于UITabBarController,
然后和常规一样创建5个Item,中间的按钮不设置图片,代码如下
这样实现后,应该是这个样子的
屏幕快照 2019-09-30 下午4.07.36.png
3)添加凸起按钮
现在我们可以在UITabBar上添加凸起按钮,让他的位置在没有设置的中间按钮偏上,
按钮的点击事件和中间按钮点击事件绑定。
⚠️这样直接添加会有问题,
①因为添加的按钮超过了UITabBar的父视图,这样超过了区域点击按钮会没有响应(如图红色区域所示)
屏幕快照 2019-09-30 下午4.04.41.png
②由于UITabBar是只读的,所以我们不能直接对他进行赋值,利用KVC访问私有变量将CCTabBar赋值给 UITabBar
代码实现如下
CCTabBar.h文件
CCTabBar.m文件
利用KVC赋值
// CCTabBarController.m文件
点击按钮事件
tabBar相关代理事件
旋转动画
4)相关连接