登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

适配iPhone X后的一点经验教训 [复制链接]

2017-10-18 10:44
shareiOS 阅读:995 评论:2 赞:1
Tag:  

适配iPhone X虽然没什么难度但是很繁琐,因为导航栏高度一变基本上就影响到了所有页面。

如果项目是用的自动布局,适配起来应该会很快,但是很遗憾我这个项目没有使用自动布局。(13年的老古董貌似也不存在自动布局这种说法,后面我重构也没有全面使用自动布局。。。)

曾经偷的懒在iPhone X出现的这天一一偿还。

之所以觉得适配繁琐的原因就是:界面搭建写死了。

比如说导航栏,项目中的导航栏都是自定义view,初始化的时候基本是这样的:

1
2
self.naviView = [[CQShopCartNaviView alloc] 
    initWithFrame:CGRectMake(00, screenWidth, 64)];

没有使用自动布局就算了还把高度写死了。。。

类似的还有tabBar,高度写死的49,不过整个项目也就一个tabBar,所以修改也很快。

适配iPhone X说白了就是修改控件的高度。。。

这次适配iPhone X我的一点经验教训就是:

1.一定要合理运用自动布局

自动布局的特点是:它是活的,能够根据结构的变化而变化。

相对于frame绝对布局,自动布局的优势还是很明显的,不只是这次适配iPhone X,之前适配热点被接入时状态栏高度发生改变我就深有体会了,如果用的自动布局,根本不需要适配,因为本来就是动态变化的,如果是绝对布局,你要接收状态栏高度改变的通知,然后一个一个页面调整。。。

还有,我迭代开发一年多的体会是:自动布局面对多变的需求能更好应对。

2. 通用全局常量一定要用宏定义

这样可以一处修改,全部修改。

说白了就是不要写死,比如说导航栏高度,直接写64直接洗白。

适配iPhone X用到的宏有:

1
2
3
4
5
6
7
8
9
10
// 判断是否是iPhone X
#define iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(11252436), [[UIScreen mainScreen] currentMode].size) : NO)
// 状态栏高度
#define STATUS_BAR_HEIGHT (iPhoneX ? 44.f : 20.f)
// 导航栏高度
#define NAVIGATION_BAR_HEIGHT (iPhoneX ? 88.f : 64.f)
// tabBar高度
#define TAB_BAR_HEIGHT (iPhoneX ? (49.f+34.f) : 49.f)
// home indicator
#define HOME_INDICATOR_HEIGHT (iPhoneX ? 34.f : 0.f)

3.最顶部的控件向下靠,最底部的控件向上靠

  • 比如说自定义的导航栏:

适配iPhone X后的一点经验教训

导航栏中的控件的约束应该以底部为基准。

  • 再比如说自定义的tabBar:

适配iPhone X后的一点经验教训

tabbar中的控件的约束应该以顶部为基准。

这样设置约束不管将来导航栏或tabbar的高度怎么变都不虚。

实际项目中最顶部的不一定的是导航栏,最底部的也不一定是tabbar,不管是什么view,只要我们设置的约束都是向中间靠的,将来控件的高度怎么改变都不会导致布局错乱。

总结

  1. 编程,一定要灵活,要稍微考虑长远点,我当初就是想当然的认为状态栏、导航栏和tabbar这些控件的高度是肯定不会变的,所以就直接写死了,导致现在不得不一一修改。

  2. 一定要紧跟潮流,如果当时我重构的时候就全部使用自动布局现在也不用那么麻烦了。

分享到:
我来说两句
facelist
您需要登录后才可以评论 登录 | 立即注册
所有评论(2)
liboliboai 2017-10-19 11:19
// 状态栏高度
#define STATUS_BAR_HEIGHT (iPhoneX ? 44.f : 20.f)
理论上只这样没错,但是如果用来初始化控件起点的话,不是iphoneX应该返回0
回复
jiankian 2017-10-20 00:35
系统有获取状态栏和tabbar,导航栏的函数的。。你这还是写死。。。。。
回复
关闭

每日头条

通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

返回顶部