iPhone X 适配小试牛刀

写在前面的话

随着最近苹果发布会的落幕,手机推出了3款新品,其中最引人瞩目的当属10周年纪念版的iPhone X 这个手机一改所有手机的风格是一个全屏手机,屏幕元素变化特别大,当然就脱离不了屏幕适配。 然而 爱疯X现在市场上还没有啊,所以只能依靠模拟器先一睹为快呢, 下面就用现在的项目来开始实施了。

步骤如下:

  • 先下载XCode GM 版 下载地方去苹果官网,在开发工具中查找,应该不难吧,(如果有开发者账号的话可以登录后在管理中心直接看到)如下图
iPhone X 适配小试牛刀_第1张图片
CFDEC80BCE63288E3F6801AC85DA5123.jpg
  • 下载是个xip 为后缀的包,解压安装然后运行项目,(我这里是用的目前的自己的项目) 运行后可以看到效果如下:
iPhone X 适配小试牛刀_第2张图片
E399450DC2E6F8204DD351A861A004E5.jpg

看着和在其他手机上运行没什么区别,除了下面的tabbar 高度变了, 但是发现上下都留有很大的黑边,总感觉不对啊,(难道AppStore商店中的app这样吗)
后来求助才知道原来是启动图的原因 默认启动图用的

iPhone X 适配小试牛刀_第3张图片
image.png

这里面没有iphone X 屏幕尺寸的启动图 所以启动后的界面就没有对应iPhone X 屏幕。这时候改用 LaunchScreen.storyboard作为启动图, 具体设置方式网上一大把。

更改后在运行,显示效果如下:

iPhone X 适配小试牛刀_第4张图片
image.png

发现效果还是萌萌哒,看着不赖 下面说下其他变化比较大的地方:

iPhone X 适配小试牛刀_第5张图片
image.png

可以看到 导航条比以前高很多了啊。 断点打印下

 CGFloat navcHight =  self.navigationController.navigationBar.frame.size.height;
   CGFloat statusHeight =  [[UIApplication sharedApplication] statusBarFrame].size.height;

打印结果如下:

(lldb) po navcHight
44
(lldb) po statusHeight
44

发现导航栏的高度还是 44 状态栏的高度从以前的20 变成了 44 ,所以以后要适配的话 还是在写死64了,而是通过动态获取最好,(PS:这个在其他尺寸下获取的整个高度还是64)。 然后下面的Tabbar高度也有变化 运行代码打印如下:

CGFloat tabHightBar = self.tabBar.size.height;

打印如下:

(lldb) po tabHightBar
49

和其他尺寸是一样的啊 49! 这种高度的变化是系统自动在下面加的,除了设计上考虑下,适配的话和其他机型一样。

你可能感兴趣的:(iPhone X 适配小试牛刀)