Auto LayoutでViewを均等に並べる方法 | hlog

今日は同僚のiOSエンジニアに、Auto Layoutの問題を出されたからやってみた。 お題はごく初歩的なもので、Auto LayoutでViewを3つ均等に並べるというものだ。 手順としては、 1. 適当にViewを配置する。 2. コピーして3つ横並びにする。 ※配置後それぞれのViewの背景色を変えておくとわかり易い。 [Show the Attributes inspector]から変更できる。 3. 3つを選択し、[Pin]ボタンをクリック。 4. Heightを適当な数字に指定。Equal Widthsにチェックを入れる。 左右の余白を0にする。 5. [Align]ボタンをクリックする。 6. Vertical Center in Containerにチェックを入れる。 以上で制約の入力は完了。 7. [Resolve Auto Layout Iss