作者 sundays?http://www.cnblogs.com/sundaysgarden/

OC中UITabbar的适配[iphoneX和Ipad适配]

自定可以UITabar

自定义UITabar头文件

#import <UIKit/UIKit.h>

?

@interface MCTabBar : UITabBar

@property (nonatomic,strong) UIButton *centerBtn; //中间按钮

@end

自定义UITabar m文件

#import "GBArcView.h"

//#import ""

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

#define GBVIEWSCALL 1.2

#define CENTERBUTTONSCALL 1.1

?

@interface MCTabBar ()

@property (nonatomic,strong) GBArcView *gbview; //半圆View

@property(assign,nonatomic)int index;//UITabBar子view的索引

@end

?

@implementation MCTabBar

//重新初始化方法，从stroyboard 中加载，会调用

-(instancetype)initWithCoder:(NSCoder *)aDecoder{

? ? if (self = [super initWithCoder:aDecoder]) {

? ? ? ? self.backgroundColor=[UIColor whiteColor];

? ? ? ? self.clipsToBounds=NO;//不裁剪子控件

? ? ? ? self.selectedItem=0;//初始化索引

? ? ? ? //设置tabBaritem 的文字颜色

? ? ? ? //? ? ? ? [[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:RGB_COLOR(74,74,74),UITextAttributeTextColor,nil] forState:UIControlStateNormal];

? ? ? ? //

? ? ? ? //? ? ? ? [[UITabBarItem appearance] setTitleTextAttributes: ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? [NSDictionary dictionaryWithObjectsAndKeys:RGB_COLOR(0,147,197),nil]forState:UIControlStateSelected];

? ? ? ? ? ? }

? ? return self;

}

?

- (instancetype)initWithFrame:(CGRect)frame{

? ? if (self = [super initWithFrame:frame]){

? ? ? ? [self initView];

? ? }

? ? return self;

}

?

- (void)initView{

? ?[self addSubview:_centerBtn];

? ? [self insertSubview:_gbview belowSubview:_centerBtn];

}

//处理超出区域点击无效的问题

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{

? ? if (self.hidden){

? ? ? ? return [super hitTest:point withEvent:event];

? ? }else {

? ? ? ? //转换坐标

? ? ? ? CGPoint tempPoint = [self.centerBtn convertPoint:point fromView:self];

? ? ? ? //判断点击的点是否在按钮区域内

? ? ? ? if (CGRectContainsPoint(self.centerBtn.bounds,tempPoint)){

? ? ? ? ? ? _centerBtn.selected = YES;

? ? ? ? ? ? //返回按钮

? ? ? ? ? ? return _centerBtn;

? ? ? ? }else {

? ? ? ? ? ? _centerBtn.selected = NO;

//? ? ? ? ? ? __weak __typeof(&*self)weakSelf =self;

? ? ? ? ? ? return [super hitTest:point withEvent:event];

? ? ? ? }

? ? }

}

?

//绘制横线

- (void)drawRect:(CGRect)rect {

? ? //中间的按钮宽度是UItabBar的高度，其他按钮的宽度就是，(self.width-self.height)/4.0

? ? ? ? CGFloat buttonW = (self.width-self.height)/4.0;

? ? CGContextRef context = UIGraphicsGetCurrentContext();

? ?CGContextSetStrokeColorWithColor(context,[UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:0.8].CGColor);

? ? CGContextSetLineWidth(context,SINGLE_LINE_WIDTH + 2.0f);

//? ? CGContextSetLineWidth(context,5);

? ? CGContextBeginPath(context);

? ? CGFloat lineMargin =0;

?? ?

? ? //1PX线，像素偏移

? ? CGFloat pixelAdjustOffset = 0;

? ? if (((int)(1 * [UIScreen mainScreen].scale) + 1) % 2 == 0) {

? ? ? ? pixelAdjustOffset = SINGLE_LINE_ADJUST_OFFSET;

? ? }

? ? CGFloat yPos = lineMargin - pixelAdjustOffset;

?? ?

? ? //第一段线

? ? CGContextMoveToPoint(context,yPos);

? ? CGContextAddLineToPoint(context,buttonW*2+SINGLE_LINE_WIDTH*2,yPos);

? ? CGContextStrokePath(context);

?? ?

? ? //第二段线

?? ?

? ? CGContextMoveToPoint(context,buttonW*2+self.frame.size.height-SINGLE_LINE_WIDTH*2,self.bounds.size.width,yPos);

?? ?

? ? CGContextSetStrokeColorWithColor(context,[UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:0.8].CGColor);

? ? CGContextStrokePath(context);

}

?

//自定义按钮的懒加载

-(UIButton *)centerBtn{

? ? if(!_centerBtn){

? ? ? ?_centerBtn = [UIButton buttonWithType:UIButtonTypeCustom];

? ? ? ? //? 设定button大小为适应图片

? ? ? ? UIImage *normalImage = [UIImage imageNamed:@"3_gray"];

? ? ? ? _centerBtn.frame = CGRectMake(0,normalImage.size.width,normalImage.size.height);

? ? ? ? [_centerBtn setImage:normalImage forState:UIControlStateNormal];

? ? ? ? UIImage *selectImage? = [UIImage imageNamed:@"3_hover"];

? ? ? ? [_centerBtn setImage:selectImage forState:UIControlStateSelected];

? ? ? ? //去除选择时高亮

? ? ? ? _centerBtn.adjustsImageWhenHighlighted = NO;

? ? ? ? //根据图片调整button的位置(图片中心在tabbar的中间最上部，这个时候由于按钮是有一部分超出tabbar的，所以点击无效，要进行处理)

? ? ? ? _centerBtn.frame = CGRectMake(([UIScreen mainScreen].bounds.size.width - normalImage.size.width)/2.0,- normalImage.size.height/2.0 + 8,normalImage.size.height);

? ? ? ? _centerBtn.transform = CGAffineTransformMakeScale(CENTERBUTTONSCALL,CENTERBUTTONSCALL);

? ? }

? ? return _centerBtn;

}

?

////自定义半圆View的懒加载

-(UIView *)gbview{

? ? if(!_gbview){

? ? ? ? CGFloat buttonW = self.centerBtn.width;

? ? ? ? GBArcView *gbview = [[GBArcView alloc]initWithFrame:CGRectMake(0,buttonW *GBVIEWSCALL,buttonW*GBVIEWSCALL)];

? ? ? ? gbview.backgroundColor=[UIColor whiteColor];

? ? ? ? gbview.layer.masksToBounds=YES;

? ? ? ? gbview.layer.cornerRadius=buttonW*GBVIEWSCALL*0.5f;

? ? ? ? gbview.center = _centerBtn.center;

? ? ? ? gbview.transform = CGAffineTransformMakeScale(GBVIEWSCALL,GBVIEWSCALL);

? ? ? ? _gbview = gbview;

? ? }?

? ? return _gbview;

?}

?

-(void)setHidden:(BOOL)hidden{? ??

? ? [super setHidden:hidden];

? ? //手动设置UITabBar 隐藏时，我们要将自定义的按钮和背景隐藏

? ? [self.gbview setHidden:hidden];

? ? [self.centerBtn setHidden:hidden];

}

//******核心部分******

//当配置? hidesBottomBarWhenPushed 的viewController,隐藏UITabBar时，会改变其frame，就是将UITabBar 的Y值设为屏幕最大的y值，就不可见。我们重写这个方法，判断当frame的y小于屏幕的高度 ，那么UITabBar就是被隐藏了，这时候我们将自定的控件隐藏。相反的，我们就显示我们的自定义控件。

-(void)setFrame:(CGRect)frame{

//? ? if (self.superview &&CGRectGetMaxY(self.superview.bounds) !=CGRectGetMaxY(frame)) {

//? ? ? ? frame.origin.y =CGRectGetHeight(self.superview.bounds) -CGRectGetHeight(frame);

//? ? }

? ? [super setFrame:frame];

? ? if(frame.origin.y>=[UIScreen mainScreen].bounds.size.height){

?? ? ? ?

? ? ? ? [self.gbview setHidden:YES];

?? ? ? ?

? ? ? ? [self.centerBtn setHidden:YES];

? ? }else{

? ? ? ? [self.gbview setHidden:NO];

? ? ? ? [self.centerBtn setHidden:NO];

?? ? ? ?

? ? }

}

//适配ipad

//重写traitCollection方法,使UITabbar保持图为垂直排列,防止在ipad11出现水平排列

- (UITraitCollection *)traitCollection {

? ? if (UIDevice.currentDevice.userInterfaceIdiom == UIUserInterfaceIdiomPad) {

? ? ? ? return [UITraitCollection traitCollectionWithVerticalSizeClass:UIUserInterfaceSizeClassCompact];

? ? }

? ? return [super traitCollection];

}

?@end

在UITabBarController.m文件中设置适配iPhoneX

//利用KVC 将自己的tabbar赋给系统tabBar

ViewDidLoad方法添加如下代码

　　//利用kvc将自定义的文件copy给系统

? ? [self setValue:_mcTabbar forKeyPath:@"tabBar"];

　　给系统的[自定义]的UITabBar添加一个View设置UITabBar的高度

?? [self setupTabBar];

?

- (void)setupTabBar{

? ? //删除现有的tabBar

? ? CGRect rect = self.tabBar.frame;

? ? [self.tabBar removeFromSuperview];? //移除TabBarController自带的下部的条

//? ? [self.tabBarController.tabBar removeFromSuperview];

? ? rect.size.height = 49;

? ? rect.origin.y = [UIScreen mainScreen].bounds.size.height - 49;

?? ?

? ? UIView *myView = [[UIView alloc] init];

?? ?

? ? myView.frame = rect;

? ? myView.backgroundColor = [UIColor whiteColor];

? ? [self.view addSubview:myView];

}

?

?

?

?

?

?

?

?

自定义UItabBar中引用的文件

GBArcView.h

#define SINGLE_LINE_WIDTH ? ? ? ? ? (1 / [UIScreen mainScreen].scale)

#define SINGLE_LINE_ADJUST_OFFSET ? ((1 / [UIScreen mainScreen].scale) / 2)

@interface GBArcView : UIView

?

@end

GBArch.m

?

#import <QuartzCore/QuartzCore.h>

#import "Math.h"

#import <CoreGraphics/CoreGraphics.h>

?

@implementation GBArcView

?

- (void)drawRect:(CGRect)rect {

? ? CGContextRef context = UIGraphicsGetCurrentContext();

? ? UIColor *color1 = [UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:0.8];

? ? CGContextSetStrokeColorWithColor(context,color1.CGColor);

? ? CGContextSetLineWidth(context,SINGLE_LINE_WIDTH + 0.5f);

? ? CGContextBeginPath(context);

//? ? CGFloat lineMargin =self.frame.size.width*0.5f;

?? ?

? ? //1px线，偏移像素点

? ? CGFloat pixelAdjustOffset = 0;

? ? if (((int)(1 * [UIScreen mainScreen].scale) + 1) % 2 == 0) {

? ? ? ? pixelAdjustOffset = SINGLE_LINE_ADJUST_OFFSET;

? ? }

? ? CGFloat yPos = self.frame.size.width*0.5f - pixelAdjustOffset;

? ? CGFloat xPos = self.frame.size.width*0.5f - pixelAdjustOffset - 4.0f;

? ? CGContextAddArc(context,xPos,yPos,self.frame.size.width*0.5 - 1.f,M_PI*1.08,M_PI*1.95,0);

? ? CGContextDrawPath(context,kCGPathStroke);

//? ? CGContextStrokePath(context);

?

}

@end

适配IPhoneX

定义UITabar的分类实现适配

?

Swift中让TabBarItem的图标和文件在IPad中仍然是上下排列

http://www.cnblogs.com/sundaysgarden/articles/9044340.html