私は UI デザインの初心者ですが、クライアントは iPhone 4s と 5 の両方に対応したアプリを望んでいます。
画像が十分に長くない場合、iPhone 5 では 2 つのバーが作成されることを理解しています。@2x でコーディングすると問題が解決すると多くの人が言っています。しかし、それが何を意味するのか正確にはわかりません。
2 つのバージョンを設計する必要がありますか? iPhone 5 専用にデザインするとどうなりますか? iPhone 4S のユーザーは画面がつぶれて見えますか?
ありがとう。
@2x の使用は、画像アセットが「網膜」画面に表示されているかどうかを示しています。たとえば、50x50 ピクセルの画像がある場合、「網膜」(@2x) バージョンは 100x100 になります。これは、Retina 画面では 1pt (ポイント) が 2px (ピクセル) に等しいためです。
iPhone5かiPhone4かを判断する方法はいくつかあります。
では、viewDidLoadをチェックしself.view.frame.size.heightて、画面の高さに基づいてロードする背景イメージを決定できます。これには、bg_iphone5.png と bg_iphone4.png など、アセットの 2 つの異なるバージョン (@2x バージョンを除く) が必要になります。
これを達成する方法は他にもあり、人々は私がここで説明したよりもうまく説明しています.StackOverflowを検索すると、探しているものがきっと見つかります.
iPhone 5 専用にデザインするとどうなりますか? iPhone 4S のユーザーは画面がつぶれて見えますか?
これをしないでください。両方のデザイン。
まず、数か月以内に iPhone 5 の画面サイズをサポートする必要があります。Apple は、これがまもなく必須になると発表しました。
適切なサイズの Default.png を追加するだけで、アプリが新しい画面サイズをサポートできるようになりますが、十分ではない可能性があります。また、すべてのビューのサイズが画面いっぱいになるように変更する必要があります。古い「スプリングとストラット」方式と新しい「制約」方式があります。検索できるチュートリアルがあります。Stackoverflow は、そのようなことには適していません。また、画像を更新する必要があります。
要するに、シミュレーターで試してみて、何が起こるか見てください。