2012-02-22 10 views
3

私はデザイナーからボタンなどのグラフィックスファイルを入手しました。網膜ファイルの大部分は、29×30または79×61のような1つまたは両方の寸法が奇数であり、対応する非網膜ファイルの寸法は、例えば15×15または39×31である。各画像を保持するUIImageViewの寸法は、それらが保持する非網膜ファイルのサイズと正確に一致するので、網膜以外の電話では歪みがなく、すべてがうまく見えます。網膜画像(@ 2X)の寸法(高さ/幅)は常に2の倍数であるべきですか?

網膜の電話機では、画像が均一な寸法(30 x 30または46 x 80など)になると、これらの画像(アイコンなど)はうまく表示されます。イメージに奇妙なディメンションがある場合、イメージはわずかに歪んでしまいます。

網膜画像のピクセル寸法は、網膜以外の寸法のサイズと、それを表示するフレームの寸法の2倍にする必要がありますか?

答えて

4

名前(@ 2X)が意味するように、網膜版は、網膜以外の版のサイズのちょうど2倍の大きさであると確信しています。さもなければ、あなたが見たように、歪みがあるかもしれません。これは、表示フレームと間接的にしか関係していません。たとえば、次のようになります。 scrollviewsを考えてください。

最初に網膜以外のバージョンのUI(必ずしもコンポーネント自体ではない)を設計してから網膜版のサイズを倍増させるようデザイナーに依頼してください。この方法では、歪み問題に遭遇することはありません。彼が網膜を最初に設計し、すべてのコンポーネントをそのサイズの半分にまで縮めると、彼はおそらく奇妙な次元に終わるでしょう。

ああ、あなたのデザイナーを与えるこのリンク:あなたのデザイナーが唯一のベクタグラフィックスで作業されている場合

http://www.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow/

+0

1xの最初の設計、その後、スケールアップが唯一の良いアドバイスです。 – jackslash

+1

良いリンク。素晴らしい記事。 – jackslash

+0

@jackslash私は、デザイナーが960x640の網膜をデザインしてから、すべての単一のコンポーネントが非奇妙な次元で終わることを望むすべてのものをスケールするべきではないことを意味しました。私はこれを反映するために投稿を編集しました。ありがとう! – JiaYow

1

はい、@2xが付加された画像ファイルは、正確にの「非」網膜画像のサイズである必要があります。したがって、次元は偶数でなければなりません。

1

そうだ。

通常のディスプレイで30ポイント×30ポイントのビューを作成すると、バッキングストア(画面に描画されるデータ)は30ピクセル×30ピクセルで作成されます。

バッキングストアには単に倍率が乗算されます。現在のところ、iPhone 4とiPhone 4では倍率は2です。これは、網膜ディスプレイ上のバッキングストアが常に2の倍数になることを意味します。

30ポイント×30ポイントのビューには、60ピクセル×60ピクセルのバッキングストアがあります。あなたの画像が網膜ディスプレイのために適切に描画されていない場合は、@ 2x画像がバッキングストアのフルサイズである必要があり、したがってポイントのビューのサイズを正確に2倍にする必要があるようです。

関連する問題