iPhone X 适配小试牛刀

写在前面的话

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

步骤如下:

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

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

image.png

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

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

image.png

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

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 2007年,初代iPhone发布,屏幕的宽高是 320 x 480 像素。下文也是按照宽度,高度...
    爱睡觉的魚阅读 1,573评论 0 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,533评论 25 709
  • 感谢爱分享公益教练训练营练习时提供并允许我公开此案例。我非常高兴事后记录此案例,包括教练过程+客户回顾+我的要点...
    高平教练阅读 775评论 3 5
  • 我们创建于2011年1月8号,那是我们向成功发起挑战的一天。从此我们在不断的摸索、前进着。至今我们有三家分店在正...
    MS黄阅读 479评论 0 0
  • 风筝扯断了线 随自由的风而去 地上的人紧紧拽着 丢了风筝的线 想当年 为糊一个风筝费尽心思 而此时 想高飞的风筝逍...
    寒斋书郎阅读 322评论 1 1