本文将从一个具体的实例出发,介绍如何比较简单的自定义类似咸鱼的TabBar。
UI设计了一个很有趣的需求。就是在TabBar点击的时候,下面的文字需要变成一个图片。具体看图片,就是红色箭头这里。
年轻的想法
有的开发者可能会想,TabBar自定义太麻烦了,美工改设计吧。有的可能会想,让美工切一个很大的图。不就可以直接覆盖了吗。道理并没有错。不过写代码还是需要有一点追求嘛。
网上资料
网上很多资料都主要是自定义了中间那个圆形的按钮,而且大部分还是使用了比较复杂的方法,重写了TabBar,代码也很多,看着就觉得头晕。所以索性还是自己琢磨琢磨。
基本思路
圆形按钮
中间那个圆形的按钮,我们只需要在Tabbar上面再加一个Button不就好了。
UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake([UIScreen mainScreen].bounds