storyboard上に適当にボタンを配置。
4inch（iPhone5）から、3.5inch（iPhone4Sまで)に変更すると
重なっている！
という、かなしいことがあったので、Auto Layoutの基本を調べてみた。
Storyboard上でのAuto Layoutの使い方
ボタンを配置する。そのボタンを選択してSize inspectorを開いてみる。
Constraintsの部分で、位置と大きさがどのように指定されているか分かる。
Leading Space to:Superview が、親viewの左端までの間隔。
Top Space to:Superview が、親viewの上端までの間隔。
これで、ボタンの位置が決まる。でも、これだけじゃボタンのサイズが定まらないんでは？と思った。
実は、ボタンやラベルは、Size to Fit Content というのになってて内容にあわせて伸縮するようになっている。
Size to Fit Contentをやめてみる。
ボタンの隅をドラッグで引っ張るもしくは、数値指定をしてサイズを変更すると、widthとheightを指定したモードになって、ConstraintsにWidthとHeightが加わる。
Size to Fit Contentに戻すには。Editor –> Size to Fit Content。
Constraintsってどんな風にあつかうのか、みていこう。
ボタンを配置してこんな感じにサイズを変更したとこから。
紫色のアイコンになっているConstraintは、削除できない。必須のConstraint。配置するために最低限必要なConstraint。
いま、左端からの間隔、上端からの間隔、ボタンの幅、ボタンの高さでもって、配置をしている状況。
iOSシミュレータで横向き(Landscape)で見てみる。
（ハードウェア –>時計回りに回転、反時計回りに回転 で向きを変えることが出来る）
左端からの間隔、上端からの間隔、ボタンの幅、ボタンの高さは、保たれている。
独自にConstraintを加えてみる。
ボタンの幅は可変にして、右端からの間隔を固定することにしてみる。
Editor –> Pin –> Trailing Space to Superview を選択する。
すると、Constraintsに Trailing Space to Superview が加わる。
（leading、trailingについて。
属性leadingおよびtrailingは、英語の場合はleftおよびrightと同じ意味ですが、ヘブライ 語、アラビア語など、右から左へ文を書く環境では、UIが左右反転します。
Cocoa Auto Layoutガイドより)
また、Constraintsの一部が、青色アイコンに変わっているのが分かる。青色アイコンのConstraintは削除できる。
今回は、ボタン幅は可変にしたいので、ConstraintsのWidth指定を削除する。
すると、縦向き（portrait）ではボタンの配置は変わらないが、横向き（landscape）でボタンの幅がのびている。
左端からの間隔、上端からの間隔、右端からの間隔、ボタンの高さによって配置されていることがわかる。
UIオブジェクトと親viewとのConstraintをすこしみてみた。
つぎに兄弟間のUIオブジェクトでのConstraintをみてみよう。
Align。
ボタンなど、いくつか配置。（今回は、Label, Button, Segmented Controlを配置した。ラベルのBackgroundに着色してみた）
ボタンのConstraintsは現在この状況。
配置したUIオブジェクトを複数選択。（今回は３つとも選択）
Editor –> Align –> Left Edges。
これで、左端が揃う。
ボタンのConstraintでは、Leading Space to Superviewがなくなって、Align Leading to Segmented Controlが加わっている。
このように、複数のUIオブジェクトを選択して、Editor –> Align から、「整列」ができる。左揃え、右揃え、上端揃え、下端揃え、中央揃え（水平方向、垂直方向）、ベースライン揃え、コンテナ中央揃え（水平方向、垂直方向）。
こちらのアイコンから開くことも出来る。
次にpin。
ボタンをいくつか配置。4inch画面で配置して、3.5inch画面にするとボタンが重なってしまった配置。
ボタンAのConstraintsを見てみる。
「Top Space to:Superview 親viewの上端からの間隔」と「Align Leading to:Button-ButtonB ボタンBとの左端の位置揃え」がある。
画面の大きさが変わってもボタンの位置関係が保たれるようにしたい。ボタンと親viewとの間隔調整でも出来るけれども、今回はボタン間の間隔を固定することにしよう。
ボタンAとボタンBを選択。
Editor –> Pin –> Vertical Spacing。
ボタンAのConstraintsはこんなふうになる。
このままだと、3.5inch画面では、さきほどと違う重なり方で、ボタンが重なっている。
ボタンBとボタンCを選択。
Editor –> Pin –> Vertical Spacing。
ボタンCのConstraintsに、「Top Space to:Button-ButtonB」が加わる。
ボタンCのConstraintsから「Bottom Space to:Superview」を削除。
これで、3.5inch画面でも、ボタンの位置関係が保たれるようになった。
Editor –> Pin。UIオブジェクトの幅、高さの固定。UIオブジェクト間の間隔（水平方向、垂直方向）。UIオブジェクトと親viewの端からの間隔。UIオブジェクト間で幅揃え、高さ揃え。
こちらのアイコンから開くことも出来る。
参考
Cocoa Auto Layoutガイド(pdf) Constraintsには不等式や優先度を用いることもできることや視覚的書式言語で記述できることなど、紹介されている。
Cocoa Auto Layout Guide: About Cocoa Auto Layout
Auto Layoutチュートリアル その1 – Cyber Passion for iOS その8まである詳しいチュートリアル。