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的时候如果考虑到这种情况的话,那么就不需要再特殊处理这种情况了。这就是自动布局的优势。

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

推荐阅读更多精彩内容

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