一般做app开发，如果没有什么特殊设计的话，系统自带的tabbar足够使用了，但是偏偏有些设计妹子就是要做一下特殊的设计，例如tabbar的高度比默认的要高，分割线颜色很个性，既然tabbar的高度变了，图标和文字之间的间距自然而然也和系统的设计的不一样了，这就需要开发几乎是自定义一个tabbar了。
一、更改tabbar的高度
当你在某度上搜索更改tabbar的高度，一般有两种方法，但是本人尝试了两种方法都不凑效，我先把两种代码粘出来，然后提供我工程中的代码。
方法一：写在- (void)viewWillLayoutSubviews中
1.继承UITabBarController
@interfaceALTabBarController :UITabBarController
2.重写UITabBarController的UITabBarController方法
- (void)viewWillLayoutSubviews{
CGRect tabFrame =self.tabBar.frame;
tabFrame.size.height =80;
tabFrame.origin.y =self.view.frame.size.height -80;
self.tabBar.frame = tabFrame;
}
方法二：写在- (void)viewDidLayoutSubviews中
在UITabBarController.m 附上如下代码即可修改系统tabBar的高度。
- (void)viewDidLayoutSubviews {
[super viewDidLayoutSubviews];
CGRect frame = self.tabBar.frame;
frame.size.height = 65;
frame.origin.y = self.view.frame.size.height - frame.size.height;
self.tabBar.frame = frame;
self.tabBar.backgroundColor = [UIColor blackColor];
self.tabBar.barStyle = UIBarStyleBlack;
}
其实前两种方法是同一种方法，代码写的位置不同而已，本人尝试后并无效果，并不能改变系统默认的tabbar的高度。下面方法三是我自己项目中的方法。
方法三：
第一步：自定义一个tabbar,继承自UITabbar
@interfaceMyTabBar :UITabBar
@end
@implementation MyTabBar
-(CGSize)sizeThatFits:(CGSize)size{
CGSizesizeThatFits = [supersizeThatFits:size];
NSLog(@"tabbar= %f",sizeThatFits.height);
//根据你的设计稿的需要，可以写成固定的值，我下面的写法是考虑到所有机型都在默认的高度上增加15
sizeThatFits.height= sizeThatFits.height+15;
returnsizeThatFits;
}
@end
第二步：tabBar初始化的时候设置为自定义的UITabbar
object_setClass(self.tabBar, [MyTabBar class]);//一般将这句代码写在你重载UITabBarController 的 viewDidLoad里面，执行一遍就可以。
至此，修改tabbar的高度就实现了。
二、修改tabbar分割线高度和颜色
在你重载的UITabBarController 的 viewDidLoad方法里面添加如下代码：
//修改tabbar分割线高度
CGRectrect =CGRectMake(0,0,kMainScreen_Width,1);
UIGraphicsBeginImageContext(rect.size);
CGContextRef context = UIGraphicsGetCurrentContext();
//修改tabbar分割线的颜色
CGContextSetFillColorWithColor(context, UIColorFromRGB(0xe6e6e6).CGColor);
CGContextFillRect(context, rect);
UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//设置tabbar的shadowImage和BackgroundImage，缺一不可，否则将无法改变分割线颜色
self.tabBar.shadowImage = img;
[self.tabBar setBackgroundImage:[[UIImage alloc]init]];
三、修改tabbar图标文字间距
在你重载的UITabBarController 的 viewDidLayoutSubviews方法里面添加如下代码：
-(void)viewDidLayoutSubviews{
[super viewDidLayoutSubviews];
for (UITabBarItem * item in self.tabBar.items) {
//根据需要调整水平和垂直的距离
item.titlePositionAdjustment = UIOffsetMake(0, -7);
// {top, left, bottom, right}根据需要调整上下左右距离
item.imageInsets = UIEdgeInsetsMake(-4, 0, 1, 0);
}
NSLog(@"===%lf, %lf, %lf, %lf,", self.tabBar.frame.origin.x, self.tabBar.frame.origin.y, self.tabBar.frame.size.width, self.tabBar.frame.size.height);
}
有关tabbar的相关问题，欢迎大家来讨论，关于修改tabbar高度的前两个方法，如果有人尝试成功的话，也烦请留言~~
网友评论