iOS开发 | 热点适配完美攻略

作者: Lol刀妹 | 来源:发表于2017-02-16 22:02 被阅读2664次
    泰妍

    当手机热点开启并被其他设备接入时,状态栏会比普通状态下多20px,此时整个视图控制器会被向下推20px,推出屏幕。如果不做相应处理必然会带来糟糕的用户体验,如下,两张对比图(注意下方的tabBar):

    • 未做处理:

      优化前.jpg
    • 做了处理:

      优化后.jpg

    那么,针对这种特殊情况我们应该怎样处理呢?

    基本思路:

    既然是状态栏的高度变化导致的,那就监听状态栏高度的变化,每当状态栏高度发生变化就发送一个通知,通知相应的页面调整UI。

    进一步思考

    监听状态栏高度变化可以用KVO或者RAC。如下:

    // 监听状态栏的frame变化,如接入热点时状态栏会增加20像素
        [RACObserve([UIApplication sharedApplication], statusBarFrame) subscribeNext:^(id x) {
            if ([UIApplication sharedApplication].statusBarFrame.size.height > 20) {
                // 状态栏高度大于20,发送通知
            }else{
    
    
            }
        }];
    

    其实这样做完全是多余的,因为每当状态栏高度发生变化时系统都会发送通知:UIApplicationWillChangeStatusBarFrameNotificationUIApplicationDidChangeStatusBarFrameNotification,我们监听这两个通知中的一个即可。

    • 在哪里监听状态栏高度改变的通知?

    在需要调整UI的地方监听。因为状态栏高度一变可以说所有的页面都受到了影响,所以可以在基类BaseViewController(其他视图控制器都继承于这个类)里面接收通知(viewDidLoad方法里):

    
    // 接收状态栏高度发生变化的通知
        [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(adjustStatusBar) name:@"UIApplicationDidChangeStatusBarFrameNotification" object:nil];
    
    

    接收到通知后执行调整UI的方法,这个方法需要在BaseViewController的子类里根据实际情况进行重写,例如调整tableView的高度。

    
    // 热点被接入,子类重写
    - (void)adjustStatusBar{
         
    }
    
    
    • 接收不到通知怎么办?😥

    通知只能发送给已经存在的对象,还没有初始化的对象是接收不到通知的。那么就是说我们需要保存一下状态栏的高度咯?其实不必,因为状态栏的高度我们随时可以获取:

    [UIApplication sharedApplication].statusBarFrame.size.height
    

    为方便使用,可以在PCH文件里写个宏定义:

    // 状态栏高度大于20(热点被连接时)
    #define STATUS_BAR_BIGGER_THAN_20 [UIApplication sharedApplication].statusBarFrame.size.height > 20
    

    你可以翻译一下STATUS_BAR_BIGGER_THAN_20🙃
    好了现在来说未初始化的页面怎么处理:
    方法一:初始化的时候根据状态栏高度搭建UI(赶紧重构代码呵呵哒)
    方法二:不改变以前的代码,在UI搭建完成后调用调整UI的方法(重写的BaseViewController的那个方法)。
    显然方法二是简单切实可行的。

    • 接下来怎么办?😳

    方法都告诉你了,接下来你就慢慢添加代码了,虽然有点多有点痛苦,可以说每个页面都要调整。类似于下面的这段代码几乎在我所有的视图控制器中都有:

    #pragma mark - 接入热点
    - (void)adjustStatusBar{
        if (STATUS_BAR_BIGGER_THAN_20) {
            _shopTotalView.maxY = screenHeight - 69;
        }else{
            _shopTotalView.maxY = screenHeight - 49;
        }
    }
    

    总结

    热点适配需注意两点:

    1. 监听状态栏高度改变的通知用来及时调整UI
    2. 接收不到通知的,在UI搭建完成后做相应调整

    小技巧

    基类接收通知,子类重写方法

    最后完整展示下优化后的效果:

    完整展示.gif

    如果是用自动布局的话,搭建UI的时候如果考虑到这种情况的话,那么就不需要再特殊处理这种情况了。这就是自动布局的优势。


    2018年9月21日更新

    热点被接入时(或者通话中),iPhone X之前的机型状态栏高度会发生改变,同时也会调用controller的:

    - (void)viewWillLayoutSubviews {
        
    }
    
    - (void)viewDidLayoutSubviews {
        
    }
    

    所以如果你是frame党,强烈建议把布局代码setFrame:写在这两个方法中的一个里面,不要直接写在viewDidLoad里面。

    相关文章

      网友评论

      • c31a82df5a73:想问问 是不是iPhone开热点时的状态栏就关不掉了。。。 好麻烦 不能快速回到顶部了
      • c066fe49abc4:您好,请问一下,- (void)adjustStatusBar方法里是要调整界面上所有的控件么,有没有什么好的方法,可以在基类里做好各个页面的适配:joy:
        c066fe49abc4:@无夜之星辰 是的,现在简直想死:sob:
        Lol刀妹:你在基类里只能调整公共控件,非公共控件还是需要在其他子页面逐个调整的:joy:
        Lol刀妹:最好的办法就是使用自动布局,使用绝对布局这是无法避免的硬伤:joy:

      本文标题:iOS开发 | 热点适配完美攻略

      本文链接:https://www.haomeiwen.com/subject/zhmqwttx.html