一般做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高度的前两个方法,如果有人尝试成功的话,也烦请留言~~