美文网首页
iPhone X 适配小试牛刀

iPhone X 适配小试牛刀

作者: 风野十郎 | 来源:发表于2017-09-19 19:06 被阅读28次

    写在前面的话

    随着最近苹果发布会的落幕,手机推出了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 X 适配小试牛刀

          本文链接:https://www.haomeiwen.com/subject/ceqgsxtx.html