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

文章出处:http://www.jianshu.com/p/a3f31cb9a8a3?utm_campaign=hugo&utm_medium=reader_share&utm_content=note&utm_source=qq

**写文章
10

**

**
**
**1
**

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

作者 无夜之星辰 **关注2017.02.16 22:02 字数 824 阅读 7评论 0喜欢 0

泰妍

当手机热点开启并被其他设备接入时,状态栏会比普通状态下多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{ } }];

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

在需要调整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; }}

总结
热点适配需注意两点:
监听状态栏高度改变的通知用来及时调整UI
接收不到通知的,在UI搭建完成后做相应调整

小技巧
基类接收通知,子类重写方法
最后完整展示下优化后的效果:


完整展示.gif

貌似熟练使用masonry自动布局的家伙直接将BaseViewController
的高度减20就完美适配了。。。😒我没用masonry,我只是猜想,说错了别喷我😄

** iOS开发© 著作权归作者所有
举报文章

**关注无夜之星辰写了 10099 字,被 166 人关注,获得了 319 个喜欢

😄一个热爱生活的逗逼大boy😄 😎iOS开发工程师|DNF热血PK党|LOL最强青铜守护者😎...

多一份打赏,多一份温暖
赞赏支持

**喜欢
0

** ** ** **分享到QQ空间
**分享到Twitter
**分享到Facebook
**分享到Google+
**分享到豆瓣

" data-original-title="" title="" style="box-sizing: border-box; background-color: transparent; color: rgb(155, 155, 155); text-decoration: none; cursor: pointer; width: auto; height: 50px; margin-left: 5px; text-align: center; border: 1px solid rgb(220, 220, 220); border-radius: 50px; vertical-align: middle; display: inline-block; padding: 4px 18px; font-size: 14px; line-height: 40px;">更多分享

评论

智慧如你,不想发表一点想法咩~

**
**
**
**分享到微信
**分享到微博
**下载长微博图片
**分享到QQ空间
**分享到Twitter
**分享到Facebook
**分享到Google+
**分享到豆瓣

" data-original-title="" title="" style="box-sizing: border-box; background-color: transparent; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; width: 50px; height: 50px; text-align: center; display: block;">**

被以下专题收入,发现更多相似内容
**我的专题

iOS实用技术

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

推荐阅读更多精彩内容