[iOS]iOS7+ UITabBar修改选中图片显示为默认蓝色的问题解决方法,去除UITabbar顶部一像素横线

一、问题描述

对于iOS 7.0+上,在使用UITabBar时,如果仅仅指定image,如下

self.tabBarItem.image = [UIImage imageNamed:@"user"];
self.tabBarItem.imageInsets=UIEdgeInsetsMake(6, 0,-6, 0);

则显示效果就会如图1所示,即未选中为灰色,选中为蓝色。

那么问题来了,一般情况下,设计图是这种样式的概率很小,除非设计师深谙iOS UI,所以我们需要对UITabBar的颜色进行更改

二、问题解决

直接上代码:

self.tabBarItem = [[UITabBarItem alloc] initWithTitle:nil image:[[UIImage imageNamed:@"user"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] selectedImage:[[UIImage imageNamed:@"user_act"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
self.tabBarItem.imageInsets=UIEdgeInsetsMake(6, 0,-6, 0);

看效果,如图2

三、总结

有时候,还是需要时常对一些常用的API进行复习,以防提笔忘字。

- (instancetype)initWithTitle:(NSString *)title image:(UIImage *)image tag:(NSInteger)tag;
- (instancetype)initWithTitle:(NSString *)title image:(UIImage *)image selectedImage:(UIImage *)selectedImage NS_AVAILABLE_IOS(7_0);
- (instancetype)initWithTabBarSystemItem:(UITabBarSystemItem)systemItem tag:(NSInteger)tag;

四、更新

上面的图片可以看到,底部tabbar中间图片因为设置大于49所以,被shadow的横线遮盖了。
OK,解决方法:

    [[UITabBar appearance] setShadowImage:[UIImage new]];
    [[UITabBar appearance] setBackgroundImage:[[UIImage alloc]init]];
    [[UITabBar appearance] setBackgroundColor:[UIColor whiteColor]];

上图,看效果,如图3
图1,原始效果 图2,修改效果 图3,去除横线遮挡

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值