【iOS】Auto Layoutで異なるサイズのVIewを組み合わせてレイアウトする方法

Question

Xcode6（iOS8）で下記の様なデザインをAuto Layout化する際に試行錯誤しています。
参考になるドキュメントやページをご存知でしたら教えていただけますでしょうか。

![イメージ説明]WIDTH:600

因みにスペーサーを使った等間隔レイアウトはできています。
http://qiita.com/yimajo/items/1e9d9c204e9c5eff9692

どうぞよろしくお願いいたします。

Answer 1

---

| |B |
| A |--|
| |C |

としたときに、
Aはtop, left, bottomにsuperviewとの間隔0の制約
Bはtop, rightにsuperviewとの間隔0の制約
Cはbottom, rightにsuperviewとの間隔0の制約

AのrightとBのleftに間隔1の制約
AのrightとCのleftに間隔1の制約

BのbottomとCのtopに間隔1の制約
BのheightとCのheightにequal height制約

ここまでは共通で、残りはViewの大きさが変化したときにどうしたいのかで決まります。
Viewの大きさが変化することを想定しないのであれば、
Aにwidth=213の制約を入れるとか、Bにwidth=106の制約を入れてもよいです。

Viewの大きさが変化したときに幅の比率を一定に保ちたいのであれば、
AのwidthとBのwidthにequal widthの制約 (multipler 2)
を入れるとよいでしょう。

Comments

[sabosan]

ありがとうざいます！こちらで試してみようと思います！