Passion make things more better

Ruby on Rails / React.js / Swift / AWS / Docker

Storyboard + AutoLayoutの環境下でUIScrollViewを配置する設定

Storyboard + AutoLayoutの環境下でUIScrollViewを配置するまでに必要な設定を書いていきます。

  1. Storyboard上で、UIViewControllerを配置
  2. UIViewControllerのUIView(以下①と呼ぶ)の上にUIScrollView(以下②と呼ぶ)を乗せて、Constraintsを上下左右0に設定
  3. UIScrollViewの上にUIView(以下③と呼ぶ)を乗せ、②③を選択し、equal widthにチェックを入れる
  4. ③のHeightにConstraintsを設定する
  5. ③にConstraintsを上下左右0に設定
  6. 該当のUIViewControllerのAdjustScrollViewInsetsのチェックを外す

簡潔ながら以上となります。 高さを変えたい時は③のHeightのConstraintsをいじるようにすれば大丈夫です。

参考