自定义tabbar

最新推荐文章于 2024-01-05 17:32:15 发布

原创最新推荐文章于 2024-01-05 17:32:15 发布 · 312 阅读

0 ·

CC 4.0 BY-SA版权

iOS 开发专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何在iOS应用中自定义实现TabBar组件，包括隐藏默认TabBar、创建自定义TabBar视图并设置样式，以及如何通过按钮点击切换不同视图控制器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iOS 自定义tabbar

具体代码参考：

https://github.com/yuchenArron/TabBar

一、将tabbarviewcontroller 的 tabbar 隐藏

[self.tabBar setHidden:YES];

二、自定义tabbarview 继承自 UIView

#define CircleDiameter 54

#define Screen_Width [UIScreen mainScreen].bounds.size.width

#define TabBar_Height 54

#define BarItemHeight 44

#define BarItemWidth 64

@interface PATabBarView()

@property (nonatomic, strong) CAShapeLayer *shapeLayer;

@property (nonatomic, strong) CAShapeLayer *lineLayer;

@property (nonatomic, assign) NSInteger itemCount;

@end

@implementation PATabBarView

- (instancetype)init{

if (self = [super init]) {

self.backgroundColor = [UIColor whiteColor];

[self.layer addSublayer:self.shapeLayer];

[self.layer addSublayer:self.lineLayer];

}

return self;

}

#pragma mark - layer

- (CAShapeLayer *)shapeLayer{

if (!_shapeLayer) {

_shapeLayer = [[CAShapeLayer alloc]init];

_shapeLayer.path = self.bezierPath.CGPath;

_shapeLayer.fillColor = [UIColor whiteColor].CGColor;

}

return _shapeLayer;

}

- (CAShapeLayer *)lineLayer{

if (!_lineLayer) {

_lineLayer = [[CAShapeLayer alloc]init];

_lineLayer.lineWidth = 1;

_lineLayer.path = self.lineBezierPath.CGPath;

_lineLayer.strokeColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.1].CGColor;

_lineLayer.fillColor = nil;

}

return _lineLayer;

}

- (UIBezierPath*)bezierPath{

UIBezierPath *bezierPath = [[UIBezierPath alloc]init];

[bezierPath moveToPoint:CGPointMake(0, 0)];

[bezierPath addLineToPoint:CGPointMake((Screen_Width - CircleDiameter) / 2, 0)];

[bezierPath addArcWithCenter:CGPointMake(Screen_Width / 2, (CircleDiameter / 2) * cos(M_PI / 3))

radius:CircleDiameter / 2

startAngle:M_PI * 7 / 6

endAngle:M_PI * 11 / 6

clockwise:YES];

[bezierPath addLineToPoint:CGPointMake(Screen_Width, 0)];

[bezierPath addLineToPoint:CGPointMake(Screen_Width, TabBar_Height)];

[bezierPath addLineToPoint:CGPointMake(0, TabBar_Height)];

[bezierPath addLineToPoint:CGPointMake(0, 0)];

return bezierPath;

}

- (UIBezierPath*)lineBezierPath{

UIBezierPath *bezierPath = [[UIBezierPath alloc]init];

[bezierPath moveToPoint:CGPointMake(0, 0)];

[bezierPath addLineToPoint:CGPointMake((Screen_Width - CircleDiameter) / 2, 0)];

[bezierPath addArcWithCenter:CGPointMake(Screen_Width / 2, (CircleDiameter / 2) * cos(M_PI / 3))

radius:CircleDiameter / 2

startAngle:M_PI * 7 / 6

endAngle:M_PI * 11 / 6

clockwise:YES];

[bezierPath addLineToPoint:CGPointMake(Screen_Width, 0)];

return bezierPath;

}

#pragma mark - button

- (void)setItemsTitle:(NSArray *)titles unselectImg:(NSArray *)unslectImgs selectImg:(NSArray *)selectImgs{

if (titles.count != unslectImgs.count || titles.count != selectImgs.count) {

NSLog(@"-----------------------title 和图片不一致PATabBarView-------------------------");

return;

}

NSInteger count = titles.count;

self.itemCount = count;

for (int i = 0;i < count;i++){

[self setTitle:titles[i] unSelectImg:unslectImgs[i] selectImg:selectImgs[i] index:i + 100];

}

- (void)setTitle:(NSString*)title unSelectImg:(NSString*)unselectImg selectImg:(NSString*)selectImg index:(NSInteger)indexTag{

UIButton *but = [self viewWithTag:indexTag];

if (!but) {

but = [self createButtonWithIndex:indexTag];

}

[but setTitle:title forState:UIControlStateNormal];

[self setBut:but imgStr:unselectImg state:UIControlStateNormal];

[self setBut:but imgStr:selectImg state:UIControlStateSelected];

}

- (UIButton*)createButtonWithIndex:(NSInteger)indexTag{

UIButton *but = [[UIButton alloc]init];

but.tag = indexTag;

NSInteger i = indexTag - 100;

CGRect frame = [self rectForButtonWithIndex:i];

but.frame = frame;

[self addSubview:but];

[but addTarget:self action:@selector(clickItem:) forControlEvents:UIControlEventTouchUpInside];

[but setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

[but setTitleColor:[UIColor orangeColor] forState:UIControlStateSelected];

// [but setImageEdgeInsets:UIEdgeInsetsMake(-15, BarItemWidth / 2, 0, 0)];

// [but setTitleEdgeInsets:UIEdgeInsetsMake(25, 0, 0, 0)];

but.titleLabel.font = [UIFont systemFontOfSize:12];

but.adjustsImageWhenHighlighted = NO;//取消点击效果

return but;

}

- (void)setBut:(UIButton*)but imgStr:(NSString*)imgStr state:(UIControlState)state{

NSString *imgPath = [[[NSBundle mainBundle] pathForResource:@"regular" ofType:@"bundle"] stringByAppendingPathComponent:[NSString stringWithFormat:@"%@_pressed.png",imgStr]];

UIImage *image = [UIImage imageWithContentsOfFile:imgPath];

[but setImage:image forState:state];

NSString *str = but.currentTitle;

CGSize size1 = [str sizeWithAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:12]}];//[str sizeWithFont:[UIFont systemFontOfSize:18] constrainedToSize:CGSizeMake(MAXFLOAT, but.titleLabel.frame.size.height)];