269

Apple の Web サイトでは、解像度が 1080p: 1920 x 1080 であると主張しています。

ただし、Xcode (本日リリースされた 8.0 GM) で必要な起動画面は 2208 x 1242 です。

誰が正しいですか？

Xcode

4

8 に答える 8

309

iPhone 6+ は@3xアセットを使用して2208×1242 ( 736x414ポイント)の仮想解像度で内部的にレンダリングし、それをサンプリングして表示します。Retina MacBook でスケーリングされた解像度を使用するのと同じです — たとえば 12 pt のテキストが画面上で同じサイズに見えるようにしながら、ピクセル アセットの整数倍を達成できます。

そうです、起動画面はそのサイズである必要があります。

数学:

6、5s、5、4s、および 4 はすべて 1 インチあたり 326 ピクセルであり、@2x アセットを使用して、以前のすべてのデバイスの 1 インチあたり約 160 ポイントに固執します。

6+ は 1 インチあたり 401 ピクセルです。したがって、仮説的には、およそ @2.46x のアセットが必要になります。代わりに、Apple は @3x アセットを使用し、完全な出力を元のサイズの約 84% に縮小します。

実際には、Apple は 1080 を 1242 に変えて、87% 程度にすることを決定しました。間違いなく、84% にできるだけ近いものを見つけて、両方の方向で整数のサイズを生成しました — 1242/1080 = 2208/1920 正確に、一方、1080 をたとえば 1286 に変換した場合、適切にスケーリングするには、2286.22 ピクセルを垂直方向にレンダリングする必要があります。

于 2014-09-10T00:39:39.103 に答える
99

実際/物理的な iPhone 6 Plus の解像度は 1920x1080 ですが、Xcode では 2208x1242 解像度 (736x414 ポイント) のインターフェイスを作成し、デバイス上では自動的に 1920x1080 ピクセルに縮小されます。

iPhone 解像度のクイック リファレンス:

Device                        Points   Log. Res.  Sc. Real Res.  PPI  Ratio   Size
iPhone 12 Pro Max, 13 Pro Max 926x428  2778x1284  3x  2778x1284  458  19.5:9  6.7"
iPhone 12, 12 Pro, 13, 13 Pro 844x390  2532x1170  3x  2532x1170  460  19.5:9  6.1"
iPhone 12 mini, 13 mini       812x375  2436x1125  3x  2340x1080  476  19.5:9  5.4"
iPhone XS Max, 11 Pro Max     896x414  2688x1242  3x  2688x1242  458  19.5:9  6.5"
iPhone XR, 11                 896x414  1792x828   2x  1792x828   326  19.5:9  6.1"
iPhone X, XS, 11 Pro          812x375  2436x1125  3x  2436x1125  458  19.5:9  5.8"
iPhone 6+, 6S+, 7+, 8+        736x414  2208x1242  3x  1920x1080  401  16:9    5.5"
iPhone 6, 6S, 7, 8, SE2       667x375  1334x750   2x  1334x750   326  16:9    4.7"
iPhone 5, 5S, 5C, SE1         568x320  1136x640   2x  1136x640   326  16:9    4.0"
iPhone 4, 4S                  480x320  960x640    2x  960x640    326  3:2     3.5"
iPhone 3GS                    480x320  480x320    1x  480x320    163  3:2     3.5"

iPhoneの解像度

于 2014-09-23T18:15:39.100 に答える
46

おそらく、iOS 8 で起動イメージを使用するのをやめて、ストーリーボードまたは nib/xib を使用する必要があります。

  • Xcode 6Fileでメニューを開き、⟶ New⟶ File...⟶ iOS⟶User Interfaceを選択しますLaunch Screen。

  • 次に、プロジェクトをクリックして設定を開きます。

  • Generalタブの というセクションで、を作成したばかりのファイルにApp Icons and Launch Images設定します (これは で設定されます)。Launch Screen FileUILaunchStoryboardNameinfo.plist

当面の間、シミュレーターは黒い画面しか表示しないため、実際のデバイスでテストする必要があることに注意してください。

プロジェクトへの起動画面の xib ファイルの追加:

新しい起動画面の xib ファイルの追加

アセット カタログの代わりに起動画面の xib ファイルを使用するようにプロジェクトを構成します。

起動画面 xob を使用するようにプロジェクトを構成する

于 2014-09-10T11:10:28.573 に答える
13

レガシー アプリがどのように扱われるのか疑問に思っている私のような人のために、このテーマについて少しテストと計算を行いました。

@hannes-sverrisson のヒントのおかげで、レガシー アプリは iPhone 6 と iPhone 6 plus では 320x568 のビューで処理されるという仮定から始めました。

テストは、シンプルな黒の背景bg@2x.pngに白の境界線で作成されました。背景のサイズは 640x1136 ピクセルで、黒で内側に 1 ピクセルの白い境界線があります。

以下は、シミュレーターが提供するスクリーンショットです。

iPhone 6 のスクリーンショットでは、白​​い境界線の上下に 1 ピクセルの余白があり、iPhone 6 plus のスクリーンショットでは 2 ピクセルの余白が見られます。これにより、iPhone 6 plus では 1242x2208 ではなく 1242x2204、iPhone 6 では 750x1334 ではなく 750x1332の使用済みスペースが得られます。

これらのデッド ピクセルは、iPhone 5 の縦横比を尊重するためのものであると想定できます。

iPhone 5               640 / 1136 = 0.5634
iPhone 6 (used)        750 / 1332 = 0.5631
iPhone 6 (real)        750 / 1334 = 0.5622
iPhone 6 plus (used)  1242 / 2204 = 0.5635
iPhone 6 plus (real)  1242 / 2208 = 0.5625

次に、@2x リソースは iPhone 6 plus (@3x アセットを想定) だけでなく、iPhone 6 でもスケーリングされることを知っておくことが重要です。ビューの拡大に。

ただし、そのスケーリングは、幅と高さが同等ではありません。264x264 @2x リソースで試してみました。結果を考えると、スケーリングはピクセル/ポイントの比率に正比例すると仮定する必要があります。

Device         Width scale             Computed width   Screenshot width
iPhone 5        640 /  640 = 1.0                        264 px
iPhone 6        750 /  640 = 1.171875  309.375          309 px
iPhone 6 plus  1242 /  640 = 1.940625  512.325          512 px

Device         Height scale            Computed height  Screenshot height
iPhone 5       1136 / 1136 = 1.0                        264 px
iPhone 6       1332 / 1136 = 1.172535  309.549          310 px
iPhone 6 plus  2204 / 1136 = 1.940141  512.197          512 px

iPhone 6 のスケーリングは幅と高さ(309x310) が同じではないことに注意してください。これは、スケーリングは幅と高さに比例するのではなく、ピクセル/ポイントの比率を使用するという上記の理論を裏付ける傾向があります。

これが役立つことを願っています。

于 2014-10-02T15:19:08.207 に答える
12

このインフォグラフィックをチェックしてください: http://www.paintcodeapp.com/news/iphone-6-screens-demystified

古いiPhone、iPhone 6とiPhone 6 Plusの違いを解説しています。ポイント、レンダリングされたピクセル、および物理ピクセルでの画面サイズの比較を確認できます。あなたの質問に対する答えもそこにあります：

iPhone 6 Plus - Retina ディスプレイ HD 搭載。倍率は 3 で、画像はその後、レンダリングされた 2208 × 1242 ピクセルから 1920 × 1080 ピクセルに縮小されます。

縮小率は 1920 / 2208 = 1080 / 1242 = 20 / 23 です。つまり、元のレンダリングの 23 ピクセルごとに 20 物理ピクセルにマッピングする必要があります。つまり、画像は元のサイズの約 87% に縮小されます。

アップデート：

上記のインフォグラフィックの更新版があります。画面解像度の違いに関するより詳細な情報が含まれており、4 インチ デバイスを含む、これまでのすべての iPhone モデルをカバーしています。

http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

于 2014-09-12T09:12:45.000 に答える