2017-05-05 15 views
1

私はしばらくこの問題に苦しんでおり、何時間もの研究と実験では満足な結果が得られませんでした。iOSですべての画面サイズに収まるようにUI要素を配置する方法

多くのUI要素を含むログイン画面があります。ビューはiphone 7と6のバリエーションで素晴らしいように見えますが、SEまたは4Sでテストすると、制約が要素を配置しないので、小さな画面にうまく収まりません。単に十分な余裕がない。私はすべての画面サイズをサポートする必要があることを読んだが、この時点ではどのようにすべてのUI要素を小さな画面に収めることができるか分からない。 私は何時間もyoutubeビデオを見て、垂直スタックビューを含むすべての可能な方法を試しましたが、私が試しても、それは7と6のどちらかが良く見えますが、SE/4S、またはその逆(SE/4Sでも良い7/6に白いスペースが多い)。

この時点で、他に何ができるのか分かりません。私は、特定の画面サイズだけのUIを設計することは不可能であり、特性を変えることは私が必要とするものではないことを知っています。私は垂直方向をサポートするつもりだからです。

ご協力いただければ幸いです。

enter image description here enter image description here enter image description here

+0

あなたのレイアウトに関する特定の質問をすると、役に立つ回答を得る可能性が高くなります。あなたが試したことを示すスクリーンショットとコードを提供する場合、誰かが通常手助けすることができます。 – nathan

+0

がやります!私はすぐにそれに取り組んでいきます。ありがとう、 – Rob8861

+0

自動レイアウトを試しましたか?意図した通りに見えるようにするには、無視できる量の作業のように思えます。 –

答えて

1

あなたがあなた自身のコメントで述べてきたように、あなたは、iOSのバージョンを制限することにより、間接的にデバイスのサイズを制限することができます。しかし、それは良い解決策ではありません:市場を不必要に制限する商業上の理由でアプリケーションを作成している場合(そこには4Sユーザーがたくさんいます)アプリケーション開発を学んでいる場合は、GUIレイアウトの問題を適切に管理する方法を検討することをお勧めします(これに対応するには、常にさまざまなディスプレイサイズが必要です)。

支援するために利用できるいくつかのツールがあります。他の人のよう

自動レイアウト

は、自動レイアウトは多くのことを助けることができるコメントで述べています。それだけでなく、使用可能なスペースを最大限に活用するためにサイズを変更するためにそれを使用しないでください。

サイズクラスを使用すると、さまざまな制約を使用して、ユーザーのデバイスの一般的な大きさや向きに応じて、コントロールの上またはオフにできるようにする

Understanding Auto Layout (Apple)

サイズクラス。たとえば、スペースが限られている場合は、個々のコントロールを非表示にして、別の場所(別のビューやポップオーバーなど)にユーザーを移動させるための単一のコントロールを表示できます。

Size-Class-Specific Layout (Apple)

スクロールビュー

あなたは、より大きなデバイスに小型デバイス上ながら、すべてのコントロールは、最初はただトップのものを示したが、まだ表示されていることの一部またはあなたのGUIのすべてのスクロールビューすることができますユーザーに他のユーザーにアクセスできるようにします(見ることがより多くあることを示すビューが最初に表示されたときにスクロールバーを点滅させることを忘れないでください)。

別々のストーリーボード

あなたがiPadのサポートを言及していないが、あなたはまた、レイアウトユニバーサルアプリケーションを支援するために、完全に独立したストーリーボードを指定することができます。

詳細はthis SO answerを参照してください。

+0

Ali、ありがとうそんなに。これは本当に役に立ちました。私はスクロールビューについて考えなかった。それは実際には素晴らしいアイデアです。私は3年間アプリを開発してきましたが、より複雑な自動レイアウト機能に常に苦労しました。基本レイアウトの場合は、自動レイアウトがこれまでにない最良のものです。私の上司は私の会社の誰も私がもう4Sを持っていないので、それについて心配しないように言ったにもかかわらず、装置を制限することは良い習慣ではないことを知っています。 (このアプリは社内向けに開発されています)。再び、すべての素晴らしい情報に感謝します。 – Rob8861

関連する問題