Auto Layout で Scroll View のスクロール方向を制限して、内容を中央揃えにする

概要

• Scroll View のスクロール方向を制限します
• Scroll View の中で要素を中央揃えにします

Apple のドキュメントの一部を目的に合わせて要約したものになっています。

イメージ

Content View の制約

Scroll View のスクロール方向を制限する方法

縦横共通

1. Scroll View の中に View を追加します (Content View と名前をつけておきます)
2. Content View に以下の制約を追加します

• Trailing Space to: Superview
• Leading Space to: Superview
• Bottom Space to: Superview
• Top Space to: Superview

縦方向にだけスクロールさせる

Content View に Equal Width to: Superview の制約を追加します

横方向にだけスクロールさせる

Content View に Equal Height to: Superview の制約を追加します

Scroll View の中で要素を中央揃えにする

1. 前述した縦方向にだけスクロールさせる制約を追加します
2. Scroll View 内に表示したいすべての要素を Content View の中に追加します
3. それぞれに Align Center X to: Superview の制約を追加します

ここで、1 の制約を追加しなかった場合、Scroll View の内容のサイズが決まらないので、中央揃えにすることができません。