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

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

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

未做处理:

优化前.jpg

做了处理:

优化后.jpg

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

基本思路:

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

进一步思考

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

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

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

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

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

// 接收状态栏高度发生变化的通知[[NSNotificationCenter defaultCenter]addObserver:selfselector:@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的那个方法)。

显然方法二是简单切实可行的。

接下来怎么办?😳

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

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

总结

热点适配需注意两点:

监听状态栏高度改变的通知用来及时调整UI

接收不到通知的,在UI搭建完成后做相应调整

小技巧

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

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

完整展示.gif

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 文章出处:http://www.jianshu.com/p/a3f31cb9a8a3?utm_campaign=h...
    edison0428阅读 923评论 0 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,747评论 25 709
  • 1、去除页眉的横线方法两则 在页眉插入信息的时候经常会在下面出现一条横线,如果这条横线影响你的视觉,这时你可以采用...
    南屋阿米佛头阅读 4,379评论 4 37
  • 今天看到很多正能量,都是在讲可以治愈的,不管怎样我首先就是摆正心态,趁机好好休息,不管怎么样肯定是有帮助的,现在就...
    妮妮欣儿阅读 166评论 0 0
  • 岁月, 匆匆而过, 数不尽的沧海桑田。 纵时光悠悠, 北风呼啸, 无济于事, 随风而去。
    冷灵璃阅读 359评论 0 0