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

xiaoxiao2021-02-28  98

开始:

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

这是优化前的效果;

这是优化后的效果; 那么,针对这种特殊情况我们应该怎样处理呢?

基本思路:

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

进一步思考

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

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

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

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

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

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

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

// 热点被接入,子类重写 - (void)adjustStatusBar{ }

接收不到通知怎么办?

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

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

总结

热点适配需注意两点:

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

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

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

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

作者:无夜之星辰 链接:http://www.jianshu.com/p/a3f31cb9a8a3

转载请注明原文地址: https://www.6miu.com/read-41396.html

最新回复(0)