如果我使用iPad尺寸創建應用，如何找到iPhone尺寸的“安全區域”？

Question

我正在創建一個游戲，並希望使用iPad的大小設置（橫向：1024x768）。 據我了解，使用iPad設置只會在iPhone上裁剪掉部分高度。 假設我有一個2048x1536的iPad（1024x768）背景圖片和一個2208x1242的iPhone 6+（736x414）圖片，

一世。 如何確定iPad上將以點和像素方式同時出現在iPhone 6+上的“安全區域”？

ii。 iPhone 6+的“安全區域”會與具有1334x750圖像的iPhone 6（667x375）相同嗎？ 如果不是，那么如何同時確定點和像素？

Answer 1

我假設您希望創建一個可以在iPad和iPhone上運行的通用游戲。 如果是這樣，在“屬性”檢查器中定義圖形資產時，有兩種可能的方法（在選擇Assets.xcassets時，在Xcode界面最右側）。 在設備部分，您可以選擇通用，iPhone，iPad，Apple Watch，Apple TV，Mac以及它們的任意組合。

1. 如果僅選擇“通用”，則必須確保在其中插入的資產在iPhone和iPad上都看起來不錯。 如果是這種情況，請參閱以下有關如何使資產安全通用使用的提示。

2. 如果選擇“ iPad”和“ iPhone”，則必須包括適用於iPad和iPhone的單獨資產，並具有適當的分辨率和寬高比。 根據我過去的經驗，我一直都是這樣。 對於iPad（1x），您將必須提供1024x768的背景，對於iPad（2x），將必須提供2048x1536的背景，除非您選擇“單一比例”並使用單個矢量PDF文件。 對於iPhone，分別需要提供480x320（僅在需要支持iPhone 3G / 3GS之類的舊設備的情況下為1x，鑒於Sprite-Kit是iOS7引入的，因此不太可能），然后是1334x750（2x）。 ）和2208x1242（對於iPhone 6 +，6S +，7 +，為3x）。 使用這種方法，您不必擔心“安全”區域，因為您提供的圖形將在每個設備上正確使用，而不會“切掉”邊緣。 請記住，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的上/下部分將被切斷。

以上適用於您的2倍資產，因為它們將同時用於視網膜iPad和視網膜iPhone（4S，5 / 5S，SE，6 / 6S / 7）。

1x資產將僅用於非視網膜iPad（如果要支持iOS 9，則為iPad 2，否則請跳過這些）。

3倍資產僅用於“ Plus” iPhone機型。 因此，我建議您僅以16：9的比例（2208x1242）提供這些內容。

因此，您如何計算“安全”區域。 很簡單：

案例1（也用於iPad的16：9資產）：高度1536（這是視網膜iPad的像素高度，盡管如果您希望在iPad Pro 12.9“上做到像素完美，則應將其增加到2048）， width = 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（iPhone也使用4：3資產）：對於2x資產，請使用2048x1536像素的圖像。 根據您在屏幕上放置精靈的方式，上部和/或下部會丟失。 如果居中，則您的“安全”區域為2048/16 * 9 = 1152，這將導致2048x1536位於2048x1536資產的中間。

如果您需要任何進一步的說明，我將很樂於詳細說明。