一、问题描述
老生常谈,类似新浪微博或者人人客户端中,首页常见UITabBar中间Item只有图片且图片位置垂直居中,效果如下图
二、问题解决
很简单,比如中间的VC叫MiddleViewController
@implementation MiddleViewController
- (id)init
{
self = [super init];
if (self) {
self.navigationItem.title = @"中间BarItem";
self.tabBarItem.title = nil;
self.tabBarItem.image = [[UIImage imageNamed:@"xxoo"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];//这里用原图
self.tabBarItem.imageInsets=UIEdgeInsetsMake(6, 0,-6, 0);//根据需要自动调整
}
return self;
}
……
@end
上图说明
三、知识点
3.1 UITabBarItem使用原图
self.tabBarItem.image = [[UIImage imageNamed:@"xxoo"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];//这里用原图
3.2 通过设置图片偏移达到UITabBarItem图片垂直居中的效果
self.tabBarItem.imageInsets=UIEdgeInsetsMake(6, 0,-6, 0);//根据需要自动调整,其中,四个变量分别对应(上,左,下,右)