美工设计的TabBar顶部分割线的颜色比iOS系统自带的颜色要浅很多,所以需要修改系统tabBar的颜色.

网上搜索了一下,大部分做法是,调用tabBar的 setShadowImage: 和 setBackgroundImage: 方法

    [self.tabBar setShadowImage:[UIImage qy_imageWithColor:[UIColor whiteColor]]];
    [self.tabBar setBackgroundImage:[UIImage qy_imageWithColor:[UIColor clearColor]]];

但是这样直接修改tabBar的backgroundImage可能会引入新的bug,导致导航栏显示异常

导航栏显示正常

导航栏显示异常

下面介绍一种最简单的方法:

使用XCode自带的Debug View Hierarchy可以看到,tabBar上有一条细线

image.png

打印这个控件的信息可以看到

可以看出它个坐标超出父控件0.5
所以就有了思路了:
在这个控件上面添加一条新的分割线,把那条线给遮住就行了

    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, -0.5, SCREEN_WIDTH, 0.5)];
    view.backgroundColor = [UIColor redColor];
    [[UITabBar appearance] insertSubview:view atIndex:0];

运行效果:

image.png

同理,如果去掉tabBar自带的毛玻璃效果,而使用纯色,可以这样做:

    UIView *customBackgroundView = [[UIView alloc] initWithFrame:self.tabBar.bounds];
    customBackgroundView.backgroundColor = [UIColor whiteColor];
    [[UITabBar appearance] insertSubview:customBackgroundView atIndex:0];