ios – 如果我使用iPad尺寸创建我的应用程序,如何找到iPhone尺寸的“安全区域”?

前端之家收集整理的这篇文章主要介绍了ios – 如果我使用iPad尺寸创建我的应用程序,如何找到iPhone尺寸的“安全区域”?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个游戏,并希望使用iPad大小设置(格局:1024×768).据我所知,使用iPad设置只会在iPhone上裁剪掉部分高度.假设iPad(1024×768)有2048×1536背景图像,iPhone 6(736×414)有2208×1242图像,

一世.我如何确定iPad上的“安全区域”,它将以点和像素方式出现在iPhone 6上?

II. iPhone 6的“安全区域”是否与带有1334×750图像的iPhone 6(667×375)相同?如果没有,那么如何同时确定点和像素呢?

解决方法

我假设您希望创建一个可在iPad和iPhone上运行的通用游戏.如果是这种情况,在Attributes Inspector中定义图形资源时有两种可能的方法(选择Assets.xcassets时,Xcode界面的最右侧).在“设备”部分,您可以选择通用,iPhone,iPad,Apple Watch,Apple TV,Mac以及它们的任意组合.

>如果您只选择“通用”,那么您必须确保在iPhone和iPad上插入的资产看起来都不错.如果是这种情况,请参阅下面的一些提示,了解如何使您的资产安全地普遍使用.
>如果选择“iPad”和“iPhone”,则必须为iPad和iPhone提供单独的资源,并具有适当的分辨率和宽高比.在我过去的经历中,我总是以这种方式领导.对于iPad(1x),您必须提供1024×768背景,对于iPad(2x),您必须提供2048×1536,除非您选择“单一比例”并使用单个矢量PDF文件.对于iPhone,你将不得不提供一个480×320(1x,仅在你需要支持iPhone 3G / 3GS等旧设备的情况下,鉴于Sprite-Kit与iOS7一起推出的可能性很小),然后是1334×750(2x) )和2208×1242(3x,适用于iPhone 6,6S,7).使用这种方法,您无需担心“安全”区域,因为您提供的图形将在每个设备上正确使用而不会从边缘“切割”.请记住,iPhone 4S和iPhone 5 / 5S / SE需要一些背景缩放才能使整个2x图像适合屏幕.否则它会放大.

如果您采用第一种方法,那么您应该考虑以下信息,以使您的“通用”图形安全地用于所有设备:
iPhone 5 / 5S / SE ……以及所有新产品都具有16:9的显示宽高比.
iPhone 4S的宽高比为3:2(如果您的游戏支持iOS 9,您只会担心这一点).
iPad屏幕宽高比为4:3.

考虑到上述情况,您可以选择两条路径:
1.使用16:9通用资产,在iPad和iPhone 4S上切断其左/右部分.
2.使用4:3通用资产,在iPhone上切断其上/下部分.

以上内容适用于您的2x资产,因为这些资产将用于视网膜iPad和视网膜iPhone(4S,5 / 5S,SE,6 / 6S / 7).

1x资产仅用于非视网膜iPad(iPad 2,以防您支持iOS 9,否则也会跳过这些).

3x资产仅用于“Plus”iPhone型号.所以我建议你只提供16:9的比例(2208×1242).

那么,你如何计算你的“安全”区域.很简单:

案例1(16:9资产也用于iPad):身高1536(这是视网膜iPad的高度,以像素为单位,尽管如果你希望在iPad Pro 12.9上完全像素完美,那么你应该将其增加到2048),width = 1536 * 16/9 = 2732像素宽(iPad Pro支持3640像素).请注意,您必须在运行时缩小以适应iPhone.为了避免切断重要内容你的背景,不要在2732×1536通用图像的中间2048像素的左侧或右侧放置任何东西(左侧和右侧342个像素“危险”区域).如果您使用3640×2048图像(支持iPad Pro 12.9“ ),然后只使用中间的2732像素,在454像素宽的左右边界中只留下不重要的东西.

案例1b(与上面相同,但图像较小):另一种方法是使用原生(iPhone 6 / 6S / 7)1334/750像素图像,但是你必须扩展为iPad,并缩小iPhone 4S / 5 / 5S / SE.在这种情况下,您的“安全”区域为1000×750(在4:3 iPad和16:9 iPhone上均可见).

案例2(4:3资产也用于iPhone):对于2x资产,使用2048×1536像素图像.根据您将精灵放置在屏幕上的方式,上部和/或下部会有损失.如果它居中,则您的“安全”区域为2048/16 * 9 = 1152,这导致2048×1552位于2048×1536资产中间.

如果您需要进一步澄清,我将很乐意详细说明.

猜你在找的iOS相关文章