iOS 自定义tabBarController(中间弧形)
效果图
1.在继承自UITabBarController的自定义controller中调用以下方法（LZCustomTabbar为自定义的tabbar）
- (void)viewDidAppear:(BOOL)animated{
[super viewDidAppear:animated];
[LZCustomTabbar setTabBarUI:self.tabBar.subviews tabBar:self.tabBar topLineColor:[UIColor lightGrayColor] backgroundColor:self.tabBar.barTintColor];
}
2.UITabBarController的.m文件内容如下
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
[self initUI];
}
- (void)initUI
{
LZCustomTabbar * tabbar = [[LZCustomTabbar alloc] init];
//中间自定义tabBar点击事件
__weak __typeof(self) weakSelf = self;
tabbar.btnClickBlock = ^(UIButton *btn) {
__typeof(&*weakSelf) strongSelf = weakSelf;
strongSelf.selectedIndex = 4;
};
[self setValue:tabbar forKeyPath:@"tabBar"];
//第一个控制器
ViewController * vc1 = [[ViewController alloc] init];
vc1.view.backgroundColor = [UIColor redColor];
UINavigationController * NC1 = [self addChildVc:vc1 title:@"首页" image:@"tabBar_essence_icon" selectedImage:@"tabBar_essence_click_icon"];
//第2个控制器
UIViewController * vc2 = [[UIViewController alloc] init];
vc2.view.backgroundColor = [UIColor yellowColor];
UINavigationController * NC2 = [self addChildVc:vc2 title:@"课程" image:@"tabBar_new_icon" selectedImage:@"tabBar_new_click_icon"];
//第3个控制器
UIViewController * vc3 = [[UIViewController alloc] init];
vc3.view.backgroundColor = [UIColor blueColor];
UINavigationController * NC3 = [self addChildVc:vc3 title:@"收藏" image:@"tabBar_friendTrends_icon" selectedImage:@"tabBar_friendTrends_click_icon"];
//第4个控制器
UIViewController * vc4 = [[UIViewController alloc] init];
vc4.view.backgroundColor = [UIColor purpleColor];
UINavigationController * NC4 = [self addChildVc:vc4 title:@"我的" image:@"tabBar_me_icon" selectedImage:@"tabBar_me_click_icon"];
//第5个控制器
UIViewController * vc5 = [[UIViewController alloc] init];
vc5.view.backgroundColor = [UIColor whiteColor];
UINavigationController * NC5 = [[UINavigationController alloc] initWithRootViewController:vc5];
self.viewControllers = @[NC1,NC2,NC3,NC4,NC5];
}
#pragma mark - 添加子控制器 设置图片
/**
* 添加一个子控制器
*
* @param childVc 子控制器
* @param title 标题
* @param image 图片
* @param selectedImage 选中的图片
*/
- (UINavigationController*)addChildVc:(UIViewController *)childVc title:(NSString *)title image:(NSString *)image selectedImage:(NSString *)selectedImage
{
// 设置子控制器的文字
childVc.title = title; // 同时设置tabbar和navigationBar的文字
// 设置子控制器的图片
childVc.tabBarItem.image = [[UIImage imageNamed:image] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
childVc.tabBarItem.selectedImage = [[UIImage imageNamed:selectedImage]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
//未选中字体颜色 system为系统字体
[childVc.tabBarItem setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor lightGrayColor],NSFontAttributeName:[UIFont systemFontOfSize:13]} forState:UIControlStateNormal];
//选中字体颜色
[childVc.tabBarItem setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor blackColor],NSFontAttributeName:[UIFont systemFontOfSize:13]} forState:UIControlStateSelected];
// 先给外面传进来的小控制器 包装 一个导航控制器
UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:childVc];
return nav;
}
#pragma mark - 类的初始化方法，只有第一次使用类的时候会调用一次该方法
+ (void)initialize
{
//tabbar去掉顶部黑线
[[UITabBar appearance] setBackgroundImage:[UIImage new]];
[[UITabBar appearance] setShadowImage:[UIImage new]];
[[UITabBar appearance] setBarTintColor:[UIColor whiteColor]];
}
-(void)viewDidLayoutSubviews{
[super viewDidLayoutSubviews];
[LZCustomTabbar setTabBarUI:self.tabBar.subviews tabBar:self.tabBar topLineColor:[UIColor lightGrayColor] backgroundColor:self.tabBar.barTintColor];
}
/*
#pragma mark - Navigation
// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
// Get the new view controller using [segue destinationViewController].
// Pass the selected object to the new view controller.
}
*/
@end
3.LZCustomTabbar的.m文件内容
@interface LZCustomTabbar ()
@property (nonatomic,weak) UIButton *button;
@end
@implementation LZCustomTabbar
- (UIButton *) button
{
if (_button == nil)
{
UIImage *normalImage = [UIImage originImage:[UIImage imageNamed:@"tabBar_publish_icon"] scaleToSize:CGSizeMake(70, 70)];
UIImage *selectedImage = [UIImage originImage:[UIImage imageNamed:@"tabBar_publish_click_icon"] scaleToSize:CGSizeMake(70, 70)];
UIButton * button = [[UIButton alloc] init];
[button setImage:selectedImage forState:UIControlStateSelected];
[button setImage:normalImage forState:UIControlStateNormal];
[button addTarget:self action:@selector(didBtnAction:) forControlEvents:(UIControlEventTouchUpInside)];
[self addSubview:button];
_button = button;
}
return _button;
}
-(void)didBtnAction:(UIButton*)btn{
if (self.btnClickBlock) {
self.btnClickBlock(btn);
}
}
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
[self setTranslucent:NO];
}
return self;
}
-(void)layoutSubviews
{
[super layoutSubviews];
int index = 0;
CGFloat itemW = self.width/5.0;
for (UIView *subviews in self.subviews)
{
//取到系统tabbar的Item方法
if ([@"UITabBarButton" isEqualToString:NSStringFromClass(subviews.class)])
{
subviews.left = index * itemW;
subviews.width = itemW;
if (index >= 2)
{
subviews.left +=itemW;
}
index++;
}
}
self.button.frame = CGRectMake(0, 0, itemW, itemW);
self.button.center = CGPointMake(self.width/2.0, (self.height - 15 - lz_safeBottomMargin)/2.0);
}
//判断点是否在响应范围
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
if (self.isHidden == NO) {
UIBezierPath *circle = [UIBezierPath bezierPathWithArcCenter:self.button.center radius:35 startAngle:0 endAngle:2* M_PI clockwise:YES];
UIBezierPath *tabbar = [UIBezierPath bezierPathWithRect:self.bounds];
if ( [circle containsPoint:point] || [tabbar containsPoint:point]) {
return YES;
}
return NO;
}else {
return [super pointInside:point withEvent:event];
}
}
+(void)setTabBarUI:(NSArray*)views tabBar:(UITabBar*)tabBar topLineColor:(UIColor*)lineColor backgroundColor:(UIColor*)backgroundColor{
[views enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
if ([obj isKindOfClass:NSClassFromString(@"_UIBarBackground")]) {
NSLog(@"++++++++++%@",@"存在");
if ([obj viewWithTag:999] == nil) {
UIView * top = [[UIView alloc] initWithFrame:CGRectMake(0, -20, tabBar.bounds.size.width, 20)];
top.userInteractionEnabled = NO;
top.backgroundColor = [UIColor clearColor];
top.tag = 999;
[obj addSubview:[[self class] addTopViewToParentView:top topLineColor:lineColor backgroundColor:backgroundColor]];
}
}
}];
}
+(UIView*)addTopViewToParentView:(UIView*)parent topLineColor:(UIColor*)lineColor backgroundColor:(UIColor*)backgroundColor{
////////
//
UIBezierPath *path = [UIBezierPath bezierPath];
//
CGPoint p0 = CGPointMake(0.0, 20);
CGPoint p1 = CGPointMake(parent.bounds.size.width/2.0 - 85, 20);
CGPoint p = CGPointMake(parent.bounds.size.width/2.0, 0);
CGPoint p2 = CGPointMake(parent.bounds.size.width/2.0 + 85, 20);
CGPoint p3 = CGPointMake(parent.bounds.size.width, 20);
//
NSValue *v0 = [NSValue valueWithCGPoint:p0];
NSValue *v1 = [NSValue valueWithCGPoint:p1];
NSValue * v = [NSValue valueWithCGPoint:p];
NSValue *v2 = [NSValue valueWithCGPoint:p2];
NSValue *v3 = [NSValue valueWithCGPoint:p3];
//
NSArray *array = [NSArray arrayWithObjects:v0, v0, v1, v, v2, v3, v3, nil];
//
[path moveToPoint:p0];
//
for (NSInteger i=0; i<array.count - 3; i++) {
CGPoint t0 = [array[i+0] CGPointValue];
CGPoint t1 = [array[i+1] CGPointValue];
CGPoint t2 = [array[i+2] CGPointValue];
CGPoint t3 = [array[i+3] CGPointValue];
//
for (int i=0; i<100; i++) {
CGFloat t = i/100.0;
CGPoint point = [[self class] getPoint:t p0:t0 p1:t1 p2:t2 p3:t3];
[path addLineToPoint:point];
}
}
//
[path addLineToPoint:p3];
//
CAShapeLayer *shapeLayer = [CAShapeLayer layer];
shapeLayer.frame = CGRectMake(0.0, 0.0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height);
shapeLayer.lineWidth = 0.5;
shapeLayer.lineCap = @"round";
shapeLayer.strokeColor = [lineColor CGColor];
shapeLayer.fillColor = [backgroundColor CGColor];
shapeLayer.path = [path CGPath];
shapeLayer.strokeStart = 0.0;
shapeLayer.strokeEnd = 1.0;
[parent.layer addSublayer:shapeLayer];
parent.userInteractionEnabled = NO;
return parent;
}
/**
Catmull-Rom算法
根据四个点计算中间点
*/
+ (CGPoint)getPoint:(CGFloat)t p0:(CGPoint)p0 p1:(CGPoint)p1 p2:(CGPoint)p2 p3:(CGPoint)p3 {
CGFloat t2 = t*t;
CGFloat t3 = t2*t;
CGFloat f0 = -0.5*t3 + t2 - 0.5*t;
CGFloat f1 = 1.5*t3 - 2.5*t2 + 1.0;
CGFloat f2 = -1.5*t3 + 2.0*t2 + 0.5*t;
CGFloat f3 = 0.5*t3 - 0.5*t2;
CGFloat x = p0.x*f0 + p1.x*f1 + p2.x*f2 +p3.x*f3;
CGFloat y = p0.y*f0 + p1.y*f1 + p2.y*f2 +p3.y*f3;
return CGPointMake(x, y);
}
@end
4.下载地址：
https://github.com/liuzhuan155/RadianTabbar或http://code.cocoachina.com/view/1000625
