最近新增加了个需求 要求由网络去获取图片。然后去替换tabbar里的image。但是 尝试了一下。tabbar的大小 是根据你图片的大小去适应的。图片越大 tabbaritem越大。
举个例子：
就会这样。。
最后冥思苦想。终于得出2种办法。
1.是在tabbaritem上边加一层image去遮盖tabbaritem。因为imageView不会因为图片的大小去放大。大小是固定的。
2.是自定义tabbar 创建一个view 里边包含4个自定义按钮。（按钮的图片大小也是会根据图片的大小去自适应。所以也要重写uibuutton的rect方法).
1.第一种方法的逻辑。
首先你需要知道 tabbar里都有什么控件。
遍历你的tabbar
效果图
for (UIView * tabbar in self.tabBarController.tabBar.subviews) {
NSLog(@"%@",[view class]);
for (UIView * view in tabbar.subviews) {
}
}
遍历tabbar
说明tabbar里一共有俩控件 为uitabbarbutton 私有的类。获取不到。我们再进一步的遍历。
for (UIView * tabbar in self.tabBarController.tabBar.subviews) {
for (UIView * view in tabbar.subviews) {
NSLog(@"%@",[view class]);
}
}
遍历tabbar.subviews
说明tabbar.subviews里边4个控件。 因为我一共有2个tabbar 所以有2个图片 2个文字。
所以我们要这里创建图片然后去覆盖。
for (UIView * tabbar in self.tabBarController.tabBar.subviews) {
for (UIView * view in tabbar.subviews) {
NSLog(@"%@",[view class]);
//这里就是判断是否是图片控件。
if ([view isKindOfClass:NSClassFromString(@"UITabBarSwappableImageView")]) {
// 在这里我们就创建图片了。如上边所说 uibutton的图片大小也是由图片去控制的。所以我们要创建一个imageView。
UIImageView * subView = [[UIImageView alloc]initWithFrame:view.frame];
subView.image = self.tabbarItemPicArr[self.tabbarCount];
// 在这里你可以加到这个imageView视图上。或者你可以加在tabbar里。因为加到这里 你方便去取。不然的话 你取出来更改图片的时候 还需要遍历一次。如果取出来的话 你还要去给imageview去设定一个tag值。
[tabbar addSubview:subView];
//这里需要设定原来的imageView隐藏 不然的话 两个图片会重叠。
view.hidden = YES;
}
}
MARK
后来出现一种小bug 你这里替换的tabbaritem 位置会从0.0开始 就像这样。
TabbarItem
然后我分别在第一个控制器和自定义tabbar里去便利
遍历Tabbar
都是从0.0开始 所以tabbaritem位置会变。
后来经过思考之后得出结论
因为苹果默认的控件都是属于懒加载模式。所以不呈现出来前 没有位置信息。
只有在第一个控制器villappear之后 才会真正的创建
所以我在villAppear之后才创建imageView来替代tabbar
第二种逻辑。
遍历tabbarSubviews
你需要自定义一个button然后去重写里边的rect
从上图中 我们可以得到 图片的大小为32.所以我们要把button的imageView固定为32.并且要他纵向排列。
- (CGRect)imageRectForContentRect:(CGRect)contentRect {
CGFloat imageWidth;
imageWidth = 32;
CGRect rect = CGRectMake((CGRectGetWidth(contentRect) - imageWidth)/2 , 1, imageWidth, imageWidth);
return rect;
}
- (CGRect)titleRectForContentRect:(CGRect)contentRect {
CGFloat width = CGRectGetWidth(contentRect);
CGFloat height = CGRectGetHeight(contentRect);
CGRect rect = CGRectMake((self.frame.size.width - width)/2 , 49 - 33, width, height);
return rect;
}
// 防止高亮
- (void)setHighlighted:(BOOL)highlighted{
}
样式
UIView * tabbarView = [[UIView alloc]initWithFrame:self.tabBarController.tabBar.frame];
UIView * lineView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 375, 0.5)];
lineView.backgroundColor = [UIColor blackColor];
[tabbarView addSubview:lineView];
for (NSInteger i = 0; i < self.tabBarController.tabBar.subviews.count; i++) {
SFTabbarButton * btn = [[SFTabbarButton alloc]initWithFrame:CGRectMake(i*375/self.tabBarController.tabBar.subviews.count, 0, 375/self.tabBarController.tabBar.subviews.count, 49)];
[btn setImage:[UIImage imageNamed:@"huoying"] forState:UIControlStateNormal];
[btn setTitle:@"首页" forState:UIControlStateNormal];
btn.titleLabel.font = [UIFont systemFontOfSize:11];
btn.titleLabel.textAlignment = NSTextAlignmentCenter;
[btn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
[tabbarView addSubview:btn];
};
[self.tabBarController.view addSubview:tabbarView];
self.tabBarController.tabBar.hidden = YES;
剩下就是给按钮设计点击事件 跳转了！~跳转一定要设置为公共的哦。因为其他的地方会调用。
就这样。希望大家多沟通 多交流。~~
