objective-c - 如何适配iPhone6 Plus和iPhone4的屏幕?

Question

刚刚接触iOS开发所以在屏幕适配上面有一些迷惑之处. 举个栗子 以下是我的约束条件 但是不同的机器上完全是不同的效果 4s 6sp 为了看起来更直观 ,实际上就是效果的差距甚远 所以请教大家,大家平时在屏幕适配方面都...

習慣沉默 · Answer

iOS 開発を学んでいたとき、私は AutoLayout の使い方にあまり慣れておらず、コードのレイアウトはもっと簡単だとさえ思っていました。 autoLayout のアスペクト比を知って初めて、AutoLayout がどれほど便利であるかを知りました。私の個人的な理解によれば、アスペクト比を使用すると、さまざまなコントロールのサイズを比例して変更できます。

まず、ストーリーボード上の制約図に移動します。ビューの X 方向の位置制約と Y 方向の位置制約を決定するだけです。ただし、2 つの制約だけでビューのサイズを決定することは不可能です。 lzのように上下左右の距離を決めると、画面が変化する限り、そこにあるビューのサイズが引き伸ばされます。代わりに、lz が最後に要求した 4 は、plus の小さいバージョンです。次に、Asecpt Rotio を使用します。写真の通り。

ビューの幅と高さの比率は 15:8 であると確信しています。
次に、ビューの幅とメインビューの幅の比率が一定であることを確認します。

ストーリーボード上のviewControllerの幅は320です。インターフェイス全体はiPhone 5/5sのサンプルペーパーですが、1つのことは、iPhone 4/4sの画面幅が5/5sの画面幅と同じであることです。。したがって、ビューの幅は画面の幅によって決定され、次にサイズが取得され、次にビューの高さが取得されます。次に、さまざまなモデルを作成できます。4 は、さまざまなストレッチではなく、単に plus の小さいバージョンです。
上の図はもっと簡単です。

私も iOS を使い始めたばかりの新しい iOS ユーザーです。皆さんがiOS開発の道をさらに前進することを願っています。

習慣沉默 · Answer

設定したルールによれば、次のように単純に理解できます:
1) 画面の左側から 100 メートル;
2) 画面の右側から 100 メートル;
3) 上端から 100 メートル;画面の
4) 画面の下端から 300 メートル。

あなたのルールではこのように表示するのが正しいです。 iPhone 6 PlusとiPhone 4では画面の高さが異なるため、設定したルールに従って表示効果も異なるはずです。

ビューの高さを固定したい場合は、Bottom Space ルールを削除し、ビューの高さを固定の高さに設定するルールを追加できます。

滿天的星座 · Answer

非常に優れた自動レイアウトのチュートリアル。
iOS 9の自動レイアウトチュートリアル

上記のチュートリアルに従って自動レイアウトを理解できます。
初心者の場合は、まずフレームと 4 から練習を開始し、フレームやその他の属性を使用して、コントロールがキャンバス上にどのように配置されるかに慣れることができます。

黄舟 · Answer

上記の人が述べた方法は非常に優れており、分割画面でさまざまな画面のレイアウトを表示できます。