ios – 如何支持iPhone X分辨率或应用程序的屏幕尺寸？

概述在2017年主题演讲和iPhone X发布之后,我同样担心新 iphone的兴奋.这个问题更多是关于用户界面,设计指南或界面设计方法而不是技术问题. 我的问题是如何支持1125px×2436px(375pt×812pt @ 3x)分辨率？ 正如苹果公司在其Human Interface Guidelines for iPhoneX上的这张图片所示,它在这里被告知它将支持3倍图像扩展.但是在顶部还有 在2017年主题演讲和iPhone X发布之后,我同样担心新 iphone的兴奋.这个问题更多是关于用户界面,设计指南或界面设计方法而不是技术问题.

我的问题是如何支持1125px×2436px(375pt×812pt @ 3x)分辨率？

正如苹果公司在其Human Interface Guidelines for iPhoneX上的这张图片所示,它在这里被告知它将支持3倍图像扩展.但是在顶部还有185分额外,考虑到414 * 736分,iphone 7加分辨率为414 – 375 =宽度减少了39分.

你可以在这里查看分辨率比较：​​ – https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions.

我们怎么可能为这个新的设计分辨率设计我们的应用程序？

一些问题场景：

如何支持：

>水平图像视图缩放设备的整个宽度和固定高度.
> ImageVIEws缩放整个宽度和高度(如电子商务应用程序中的整页产品图像).
>如果我在页面上显示有限的内容,则会有额外的185点高度,这将显示大量空白区域.例如,如何设计高度为400像素并缩放整个宽度的视图.我应该保持顶部对齐的中心垂直对齐吗？

我认为185分是很多高空的房地产.我们需要重新考虑很多设计和屏幕.我们如何设计和解决这些情况？我希望我的问题现在已经足够清楚了.

我的个人观点： – 无论多么艰难或多乱,当我们习惯这个解决方案时,最终用户体验会越来越好.

请分享很棒的技术和设计过程.干杯!!!

解决方法 在查看针对不同UI问题的可能解决方案之后,我发现苹果与iOS 11引入的安全区域布局指南可以提供很多帮助.

注意： – 即使您的部署目标小于iOS 11,也可以使用安全区域布局指南.

safeAreaLayoutGuIDe将topLayoutGuIDe和bottomLayoutGuIDe替换为在视图和supervIEw之间创建约束的新方法.

>为iPhone X添加1125px×2436px分辨率的启动图像
>转到您的界面文件,选择身份检查器.启用安全区域,如下所示.

>如果您将uivIEw固定在视图的顶部,则可以将其顶部约束链接到安全区域而不是超级视图.
>类似地,对于底部视图,给出安全区域而不是supervIEw的底部约束.

如果您知道如何创建编程约束,则可以使用布局锚点在顶视图上方包含安全区域.因此,您可以以编程方式将布局链接到安全区域.

topVIEw.topAnchor.constraint(+  equalTo: vIEw.safeAreaLayoutGuIDe.topAnchor).isActive = true

更新：另一种情况 –
假设您在屏幕顶部有一个UIVIEw.你希望这个视图从iPhoneX的缺口开始.我们需要计算iOS 11以下所有iOS 11设备和设备的最高保证金,如下所示： –

if (@available(iOS 11,*)) {        UIWindow *window = UIApplication.sharedApplication.keyWindow;        toppadding = 0.0;        if (window.safeAreaInsets.top > 0)        {            toppadding = window.safeAreaInsets.top - 20;        }        //        CG@R_301_5987@ toppadding = window.safeAreaInsets.top;        bottompadding = window.safeAreaInsets.bottom;        self.navigationVIEwtopConstraint.constant = toppadding;    }    else    {        bottompadding = 0;        self.navigationVIEwtopConstraint.constant = 0;    }

进一步阅读： – Here

总结

以上是内存溢出为你收集整理的ios – 如何支持iPhone X分辨率或应用程序的屏幕尺寸？全部内容，希望文章能够帮你解决ios – 如何支持iPhone X分辨率或应用程序的屏幕尺寸？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。