iPhone X适配

宏定义

#pragma mark 判断是否是iPhoneX 系列
#define iPhoneX ((IS_IPHONE_X==YES || IS_IPHONE_Xr ==YES || IS_IPHONE_Xs== YES || IS_IPHONE_Xs_Max== YES) ? YES : NO)

//判断iPhoneX
#define IS_IPHONE_X ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)
//判断iPHoneXr
#define IS_IPHONE_Xr ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(828, 1792), [[UIScreen mainScreen] currentMode].size) : NO)
//判断iPhoneXs
#define IS_IPHONE_Xs ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size): NO)

//判断iPhoneXs Max
#define IS_IPHONE_Xs_Max ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1242, 2688), [[UIScreen mainScreen] currentMode].size) : NO)


#define MSCREEN_WIDTH        ([UIScreen mainScreen].bounds.size.width)
#define MSCREEN_HEIGHT       ([UIScreen mainScreen].bounds.size.height)

#define WX_VIEW_WIDTH_RATIO       (CGFloat)MSCREEN_WIDTH/375.f
/// 高度iPhoneX适配
#define WX_VIEW_HEIGHT_RATIO      (CGFloat)(iPhoneX ? WX_VIEW_WIDTH_RATIO : MSCREEN_HEIGHT/667.0)

不经意间发现了一个bug:

如果popViewControllerAnimated返回时,animated一个属性值的改变会导致iPhone X显示上的一个bug,但是它的根源暂未找到;
//正确的 
[self.navigationController popViewControllerAnimated:YES];

//错误的
[self.navigationController popViewControllerAnimated:NO];
导致了tab和controller之间多了间隔-如图1所示:

图1

Tabbar自定义与适配

tabbar上面是4个tab加一个自定义视图View 图3是点击中间按钮效果图


图2

图3
//CenterTabBar.h
@interface CenterTabBar : UITabBar
@property (nonatomic, strong) UIView *centerView;
@property (nonatomic, strong) UIView *topView;//

- (instancetype)initWithCenterView:(UIView *)centerView;

@end
//CenterTabBar.m
#import "CenterTabBar.h"
@interface CenterTabBar ()
{
    UIEdgeInsets _oldSafeAreaInsets;
}
@end
@implementation CenterTabBar

- (instancetype)initWithCenterView:(UIView *)centerView
{
    self = [super init];
    if (self) {
        self.centerView = centerView;
        //防止tabbar的适应调整有问题
        _oldSafeAreaInsets = UIEdgeInsetsZero;
    }
    return self;
}

- (void)awakeFromNib {
    [super awakeFromNib];
    
    _oldSafeAreaInsets = UIEdgeInsetsZero;
}

- (void)safeAreaInsetsDidChange {
    [super safeAreaInsetsDidChange];

    if (!UIEdgeInsetsEqualToEdgeInsets(_oldSafeAreaInsets, self.safeAreaInsets)) {
        [self invalidateIntrinsicContentSize];

        if (self.superview) {
            [self.superview setNeedsLayout];
            [self.superview layoutSubviews];
        }
    }
}

- (CGSize)sizeThatFits:(CGSize)size {
    size = [super sizeThatFits:size];

    if (@available(iOS 11.0, *)) {
        float bottomInset = self.safeAreaInsets.bottom;
        if (bottomInset > 0 && size.height < 50 && (size.height + bottomInset < 90)) {
            size.height += bottomInset;
        }
    }

    return size;
}


- (void)setFrame:(CGRect)frame {
    if (self.superview) {
        if (frame.origin.y + frame.size.height != self.superview.frame.size.height) {
            frame.origin.y = self.superview.frame.size.height - frame.size.height;
        }
    }
    [super setFrame:frame];
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    
    // 把 tabBarButton 取出来(把 tabBar 的 subViews 打印出来就明白了)
    CGFloat width = self.frame.size.width;
    CGFloat tabbar_height = [UIScreen mainScreen].bounds.size.height >= 812.0f ? 83 - 22:49;
    // 设置发布按钮的frame
    NSInteger btnCount = 0;
    if (self.centerView != nil) {
        if (self.centerView.frame.size.height > tabbar_height) {
            self.centerView.center = CGPointMake(width  * 0.5,  self.centerView.frame.size.height* 0.5);
            CGRect frame = self.centerView.frame;
            frame.origin.y = tabbar_height -self.centerView.frame.size.height;;
            self.centerView.frame = frame;
            btnCount = 5;
        }else{
            self.centerView.center = CGPointMake(width  * 0.5, tabbar_height * 0.5);
            btnCount = 5;
        }
        [self addSubview:self.centerView];
        [self addSubview:self.topView];
        self.topView.center = CGPointMake(width  * 0.5, tabbar_height * 0.5-35*WX_VIEW_HEIGHT_RATIO);
        self.topView.hidden = [[[NSUserDefaults standardUserDefaults] valueForKey:@"isFirstClickCreateBtn"] boolValue];
    }else{
        btnCount = 4;
    }
    
    // 设置其他的UITabBar的frame
    
    CGFloat buttonY = 0;
    CGFloat buttonW = width/btnCount;
    CGFloat buttonH = tabbar_height;
    NSInteger index = 0;
    for (UIView  * button in self.subviews) {
        
        // 由于UITabBar是苹果官方私有的, 所以不能直接设置
        if (![button isKindOfClass:NSClassFromString(@"UITabBarButton")])  continue;
        
        //  计算按钮的x值
        if (self.centerView) {
            CGFloat buttonX = buttonW * ((index > 1) ? (index + 1): (index));
            button.frame = CGRectMake(buttonX, buttonY, buttonW, buttonH);
        }else{
            CGFloat buttonX = buttonW * index;
            button.frame = CGRectMake(buttonX, buttonY, buttonW, buttonH);
        }
        
        
        // 索引增加
        index ++;
    }
    
    
}

-(UIView *)topView
{
    if (!_topView) {
        _topView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 105*WX_VIEW_WIDTH_RATIO, 38*WX_VIEW_HEIGHT_RATIO)];
        UIImageView *bgImage = [[UIImageView alloc] initWithImage:MImageNamed(@"icon_add_topView")];
        [_topView addSubview:bgImage];
        [bgImage mas_makeConstraints:^(MASConstraintMaker *make) {
            make.edges.equalTo(self.topView);
        }];
        UILabel *lab = [UILabel new];
        lab.text = @"点击发布内容";
        lab.textColor = MWhiteColor;
        lab.font = MSYSTEM_BOLD_FONT(12);
        lab.textAlignment = NSTextAlignmentCenter;
        [_topView addSubview:lab];
        [lab mas_makeConstraints:^(MASConstraintMaker *make) {
            make.centerX.equalTo(self.topView);
            make.centerY.equalTo(self.topView).offset(-4);
        }];
    }
    return _topView;
}

//重写hitTest方法,去监听中间按钮的点击,目的是为了让凸出的部分点击也有反应
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    
    //这一个判断是关键,不判断的话push到其他页面,点击中间按钮的位置也是会有反应的,这样就不好了
    //self.isHidden == NO 说明当前页面是有TabBar的,那么肯定是在根控制器页面
    //在根控制器页面,那么我们就需要判断手指点击的位置是否在中间按钮或“添加”标签上
    //是的话让中间按钮自己处理点击事件,不是的话让系统去处理点击事件就可以了
    if (self.isHidden == NO)
    {
        //将当前TabBar的触摸点转换坐标系,转换到中间按钮的身上,生成一个新的点
        CGPoint newA = [self convertPoint:point toView:self.centerView];
        
        //判断如果这个新的点是在中间按钮身上,那么处理点击事件最合适的view就是中间按钮
        if ( [self.centerView pointInside:newA withEvent:event])
        {
            return self.centerView;
        }
        else
        {//如果点不在中间按钮身上,直接让系统处理就可以了
            
            return [super hitTest:point withEvent:event];
        }
    }
    else
    {
        //TabBar隐藏了,那么说明已经push到其他的页面了,这个时候还是让系统去判断最合适的view处理就好了
        return [super hitTest:point withEvent:event];
    }
}
@end

//最后在UITabBarController.m里设置
//调整文字位置
    if (iPhoneX) {
        [[UITabBarItem appearance] setTitlePositionAdjustment:UIOffsetMake(0, -6)];
    }else {
        [[UITabBarItem appearance] setTitlePositionAdjustment:UIOffsetMake(0, -3)];
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,045评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,114评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,120评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,902评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,828评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,132评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,590评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,258评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,408评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,335评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,385评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,068评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,660评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,747评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,967评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,406评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,970评论 2 341