用网络获取图片去替换tabbaritem

Richard_Yu - 简书 · Richard_Yu · 发布于 2016-12-30 · 199 次阅读

最近新增加了个需求 要求由网络去获取图片。然后去替换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;
        }
    }

第二种逻辑。


遍历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;

剩下就是给按钮设计点击事件 跳转了!~跳转一定要设置为公共的哦。因为其他的地方会调用。
就这样。希望大家多沟通 多交流。~~