iOS - 4つのビューを均等に配信する

Question

UIViewに4つのビューを追加します。 2行2列が必要です。 したがって、一番上の行は親ビューの高さの50％で、列は親ビューの幅の50％です。

自動レイアウトではどうすればよいですか？私は等幅と高さを設定することを検討しましたが、その結果、自動レイアウトに十分な制約はありませんでした。

これを行うにはどうすればよいですか？スーパー又はビューに応じて、隣接ビューのすべて4つのビュー（左、右、上、下）に

Answer 1

を希望それは余白に制約なし/で行うことができますが、それは良くなります

：あなたは完全なエリアに

手順の詳細を取得しますので、「余白に制約する」のチェックを外した場合の

1. 左上図の制約：
   セットトップ、左制約がスーパー
   に
   セット等しい幅、高さをスーパーするためには、同じ高さの制約を選択し、0に乗算設定します。5

も等しい幅の制約のために

右上図の制約同じ操作を行います。
セットトップ、
をスーパーする権利制約左上のビューと右上のビューを選択し、等しい幅、等高線を選択する

左下のビューの制限： セット下、左上を選択
をスーパーする権利制約：
左上図および左下図を選択し、同じ幅、同じ高さ

右下のビュー制約を選択スーパーする制約を左 セットボトム、ビューと右下のビューと同等の幅を選択し、同じ高さ

だからあなたの最終結果はこのようなものになります。

私が完了

Answer 2

1. セットマージンcontraints。たとえば、左上のビューでは、上端と左端の親と、右と下の他のビューのマージンコンストレインを設定します。
2. 他のすべてのビューから最初のビューにCtrl +ドラッグし、equal widthとequal heightという制約を設定します。

3. すべてのビューのマージンが等しいことを確認してください（スペーシングが不要な場合はすべて定数が0です）。彼らが同じマージンを持たないなら、紛争が起こるでしょう。

   -と|

   ------------------- 
   | |  | | 
   |-[view1]-[view2]-| 
   | |  | | 
   |-[view3]-[view4]-| 
   | |  | | 
   ------------------- 
   

は、必要なマージンを表します。また

`view2.hight == view1.height` 
`view2.width == view1.width` 
`view3.hight == view1.height` 
`view3.width == view1.width` 
`view4.hight == view1.height` 
`view4.width == view1.width` 

Answer 3

私は単に親ビューに均等に4つのビューを配置することによって、これを実行した後、4つのサブビューに6つの制約を追加。（top、bottom、left、right、equal widths、equal heights）

あなたはcommandを保持して4つのビューを選択し、それぞれ4つのビューをクリックすることができます。

Constraints to marginsのチェックを外して、すべての値を0に設定できるようにしました。これはよりきれいに見えます。

すべてのビューもまた

を乗数を使用して設定することができます役立ちます:)

See the sample image here