如果我使用 iPad 尺寸创建应用程序,如何找到适用于 iPhone 大小'safe region'?



我正在制作一款游戏,并希望使用iPad的尺寸设置(横向:1024x768)。据我所知,使用iPad的设置只能在iPhone上裁剪出部分高度。假设我有一个2048x1536的iPad背景图像(1024x768)和一个2208x1242的iPhone 6+图像(736x414),

。我怎样才能确定iPad上的"安全区域"会出现在iPhone 6+上,无论是点还是像素?

二世。iPhone 6+的"安全区域"是否与iPhone 6 (667x375)的1334x750图像相同?如果不是,那么如何确定点和像素呢?

我假设你希望创造一款同时在iPad和iPhone上运行的通用游戏。如果是这样的话,在属性检查器(Xcode界面的最右边)中定义图形资源时,有两种可能的方法。Xcassets被选中)。在"设备"部分,您可以在Universal、iPhone、iPad、Apple Watch、Apple TV、Mac以及这些设备的任意组合中进行选择。

  1. 如果你只选择"通用",那么你必须确保你在那里插入的资产在iPhone和iPad上看起来都很好。如果是这种情况,请参阅下面的一些提示,了解如何使您的资产在普遍使用时安全。

  2. 如果你选择"iPad"one_answers"iPhone",你将不得不为iPad和iPhone包含单独的资产,具有适当的分辨率和宽高比。根据我过去的经验,我总是朝这个方向走。对于iPad (1x),你必须提供一个1024x768的背景,对于iPad (2x),你必须提供一个2048x1536,除非你选择"单一比例"并使用单一矢量PDF文件。对于iPhone,你必须提供480 × 320(1倍,只有在你需要支持iPhone 3G/3GS等旧设备的情况下,考虑到Sprite-Kit是与iOS7一起推出的,这是不太可能的),然后是1334x750(2倍)和2208x1242(3倍,适用于iPhone 6+, 6S+, 7+)。使用这种方法,你不需要担心"安全"区域,因为你提供的图像将在每个设备上正确使用,而不会"切割"边缘。请记住,iPhone 4S和iPhone 5/5S/SE将需要一些背景缩放,以适应屏幕上的整个2倍图像。否则看起来会放大。

如果你采用第一种方法,那么你应该考虑以下信息,以使你的"通用"图形在所有设备上安全使用: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上切断。

以上内容适用于你的2倍资产,因为它们将用于retina ipad和retina iphone (4S, 5/5S, SE, 6/6S/7)。

1x资产将仅用于非视网膜iPad (iPad 2,如果你支持iOS 9,否则也跳过这些)。

3x资产将仅用于"Plus"iPhone型号。所以我建议你只提供16:9的比例(2208x1242)。

那么,你如何计算你的"安全"区域呢?很简单:

案例1(16:9的资产也适用于iPad):高度1536(这是iPad的retina高度,以像素为单位,如果你希望在iPad Pro 12.9"上达到像素完美,那么你应该将其增加到2048),宽度= 1536 * 16/9 = 2732像素宽(iPad Pro支持3640像素)。请注意,为了适应iphone,你必须在运行时将其缩小。为了避免从背景中切断重要内容,不要在2732x1536通用图像的中间2048像素的左右放置任何东西(左右342像素的"危险"区域)。如果你使用3640x2048的图像(支持iPad Pro 12.9英寸),那么只使用中间的2732像素,在454像素宽的左右边界中只留下不重要的东西。

案例1b(与上述相同,但图像较小):另一种方法是使用原生(iPhone 6/6S/7) 1334/750像素的图像,但随后你将不得不为ipad缩放,并为iPhone 4S/5/5S/SE缩放。在这种情况下,你的"安全"区域是1000x750(在4:3的ipad和16:9的iphone上都可见)。

案例2(4:3的资产也用于iphone):对于2倍的资产使用2048 × 1536像素的图像。根据你在屏幕上放置精灵的方式,上面和/或下面的部分会有损失。如果它居中,那么你的"安全"区域是2048/16 * 9 = 1152,这导致2048 × 1536资产中间的2048 × 1152。

如果您需要进一步的说明,我很乐意详细说明。

相关内容

最新更新