2017-12-13 2 views
1

私はすでにリソースフォルダにIOSのtest.png、[email protected][email protected]のような3つの形式ですべての画像を追加していますipadのような高解像度の画面は、デフォルトの1つのtest.pngを表示します。大きなサイズの画像がipadのような大きな解像度の画面に表示されない

なぜこれが起こっているのか分かりません。私はコード側から何かを逃していますか?

編集:

ごめんなさい。私の質問は間違っていました。別のイメージを示していますが、小さなサイズです。

@ 2x、@ 3xの拡張子を持つ同じ名前の3つの異なる画像を試しました。だから、ipadPro(9.7インチ)では@ 3倍の画像を表示しているのに対し、iphone5(私のMacでは最も低い画面解像度のシミュレータ)では@ 2倍の画像を表示していることがわかります。

どのような画面解像度でどの画像が使用されるのか、どのようにしてサイズを決めることができますか?

+0

? – Krunal

+0

@Krunal私の編集を参照してください –

答えて

2

デバイスに応じて、各画像のピクセル数に特定の倍率を掛けて、これを実現します。標準解像度画像は、倍率が1.0であり、@1x画像と呼ばれます。高解像度画像は、倍率が2.0または3.0であり、@2xおよび@3x画像と呼ばれます。

例えば、標準解像度が@1xの画像が100px x 100pxであるとします。この画像の@2xバージョンは200px × 200pxとなります。 @3xバージョンは300px × 300pxとなります。

iPhone X、iPhone 8 Plus、iPhone 7 Plus、およびiPhone 6s Plusは、3x の解像度をサポートしています。 iPhone 8、iPhone 7、iPhone 6/6s、iPhone 5s/5cは2x の解像度をサポートしています。他のすべてのiPhoneデバイスは1x解像度をサポートしています。

サイズが10ポイントのビューの画像のサンプルセットと、iOSシステムがデバイス解像度固有の画像をどのように選択するかを検討してください。

@3x -> 3 * (10px x 10px) = (30px x 30px) // iPhone X, iPhone 8 Plus, iPhone 7 Plus, and iPhone 6s Plus 
@2x -> 2 * (10px x 10px) = (20px x 20px) // iPhone 8, iPhone 7, iPhone 6/6s and iPhone 5s/5c 
@1x -> 1 * (10px x 10px) = (30px x 30px) // All other iPhone devices 

enter image description here

:あなたは、デバイスの解像度、特定の画像を割り当てるために、任意のコード(セットアップ)を行う必要はありません。画像セットにすべての(1x、2x、3x)タイプの解像度の画像を追加するだけです。 iOSシステムは、画像のセットからデバイス解像度特有の画像を自動的に選択/選択します。アップルのこのドキュメントで

ルック:Image Size and Resolution

ここでは簡単にunderstadingのための素晴らしいチュートリアルです:iPadの(モデル)は、あなたが(試してみました)を使用しないDESIGNING FOR THE NEW IPHONE SCREEN RESOLUTIONS

関連する問題