iOS自定义tabBar

最新推荐文章于 2024-09-06 12:08:18 发布

原创

最新推荐文章于 2024-09-06 12:08:18 发布 · 6.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#ios

本文介绍了如何根据UI设计师的需求自定义iOS的TabBar，包括创建TextTabBar子类，通过KVC重设TabBarController的tabBar属性，并实现不贴边及中间按钮突出的效果。

iOS自定义tabBar

前段时间我们UI设计师设计了一个与系统自带样式的app的底部tabbar，它除了中间按钮要凸出来，整个tabbar的边部也是不贴边的。要做到这样的效果，就要对系统的babbar进行自定义。UITabBarController中有UITabBar这个类，这个类就是底部导航的关键控件类。

1、创建TextTabBar继承UITabBar

#import "TextTabBar.h"

#define SCREEN_WIDTH                [[UIScreen mainScreen] bounds].size.width
#define SCREEN_HEIGHT               [[UIScreen mainScreen] bounds].size.height

@interface TextTabBar ()

@property (nonatomic, strong) UIButton       *centerButton;
@property (nonatomic, strong) UIImageView    *tabbarBgImage;

@end

@implementation TextTabBar

- (instancetype)initWithFrame:(CGRect)frame{
    self = [super initWithFrame:frame];
    if(self) {
           [self addSubview:self.tabbarBgImage];
           // 去除顶部横线
            [self setBackgroundImage:[UIImage new]];
            [self setShadowImage:[UIImage new]];
    }
    return self;
}

- (void)layoutSubviews{
    [su