2016-11-07 2 views
0

私はこのトピックについて何時間もの検索に費やしましたが、問題は正確には何も処理していません。たぶんあなた達が私を助けてくれますか?Xcode内のすべてのiPhoneのレイアウト寸法を適切に設計する方法

すべてのiPhoneを適切にサポートするレイアウトを設計する適切な方法は何ですか。私にとって可能な限り簡単な方法です。

私のスタイルは、まず小さなデバイス用に設計してから、他のデバイス用にスケールアップすることです。それは大丈夫ですか、これはどうやってやらなければならないのですか?

私の問題は、表示サイズに応じて拡大するレイアウトを作成していることです。

オリジナルのiPhoneの例として、320 x 480ピクセル(320 x 480ピクセル)のスクリーンと、375 x 667ポイントのスクリーン(これは750 x 1334ピクセル異なる画素密度)。

は今、私はの高さを有するボタンを持っている場合、私はiPhoneだから、6

のように大きなデバイス上でそれを起動した場合より大きくなりますボタンやテキストボックスやオリジナルiPhone上の四角形を(何でも)したいですオリジナルのiPhoneで30(pt)、それはiPhone 6でもっと大きくなるはずですが、どれくらい大きいですか?

毎回大型デバイスのptに30ptを計算する必要がありますか、自動的に動作するより良い方法があるので、すべてのデバイスのすべての寸法を再計算する必要はありませんか?正しい方法は何ですか?

Btw:アイコン、ボタン、または.pngファイルのいずれかを設計するときには、すべてのデバイスで拡大/縮小できるように1x、2x、3xのサイズで作成する必要があることを認識しています。実際のレイアウトを構築する際に、これらの作業を行う方法は?

ロジックはどのようなものですか?

THIS PICTURE is showing the dimension proportions I found on the web and little bit of idea of my problem below.

EDIT:このウェブサイトをご覧ください:https://designcode.io/iosdesign-guidelines (PT)でのいくつかのAppleの測定standartsがあるように思え。

例えば、写真の1つでは、側面からのマージンが8ptであることが示されています。 [pt]はユニバーサルなユニットなので、他の機器にも適応できると思います。ですから、エディターで8のマージンを設定すると、それは他のデバイスのピクセル数を変えて、視覚的に同じに見えますか?

+1

AutoLayoutに関するトピックをご覧ください。 – user2071152

+0

私は同じ問題があったので、あなたをとてもよく理解しています。解決策は** AutoLayout **です。これはあなたが学ばなければならない基本的なことです。これをチェックしてください:http://stackoverflow.com/questions/39888238/how-to-fit-view-controller-for-all-iphones – coskukoz

答えて

0

このようなすべてのビューを計算すると、機能しません。

他のデバイスでも同じように表示するビューに制約を設定するだけです。

ビューの高さを固定すると、30はすべてのデバイスで30となります。他のデバイスではそれ以上大きくなることはありません。

しかし、ビューが右から20ピクセル、左から20ピクセル、上のバーと下のレイアウトから10ピクセルだと考えると、このビューはすべてのデバイスで同じ比率になります。

私はあまりにも言いたいことを理解していただきたいと思います。

ご理解いただけない場合は、ご意見ください。:)

+0

私はあなたの答えに感謝しますが、私たちが同じことをしているかどうかはわかりません。このウェブサイトをご覧ください:https://designcode.io/iosdesign-guidelines アップルの測定スタンドアーがpt単位であるようです。例えば、彼らはマージンは8ptとすべきだと言います。すべてのデバイスで正確に8ポイントのマージンを達成するにはどうすればよいですか?なぜなら、より大きな/より小さいデバイスをスイッチすると、視覚的には非常に異なって見えるからです。テキスト付きの同じ問題。それは、異なる叫び声のサイズを変更しません。私が小型のデバイス上でそれを良いサイズにすると、それはpxであってptではない場合、それはより大きなデバイスのようなもので全く小さいです。 –

関連する問題