はじめに
UIScrollViewのAutoLayoutの制約をかける場合、かけ方にクセがあり、かつ作業途中でエラーが発生するため、少し手こずるんですよね。
ここではXcode11でUIScrollViewのAutoLayoutの制約をかける方法を記載します。
チュートリアル
環境
- Xcode11
手順
1. ScrollViewを配置
ViewControllerのView上にScrollViewを配置します。
2. ScrollViewにAutoLayoutの制約をかける
ViewController上のSafeAreaとScrollViewの両方を選択します。
画面右下のAlignボタンを選択し、Top/Bottom/Trailling/Leadingの４辺に制約をかけます。
ここでは0を設定します。
かけた後IB上でエラーが発生しますが、一旦無視して下さい。
3. Viewを配置
ScrollView上にViewを配置します。
ここではScrollViewとの違いを分かりやすくするため、Viewの背景色を赤色に設定しています。
4. ViewのAutoLayoutの制約をかける
ScrollViewのContentLayoutGuideとViewの両方を選択し、画面右下のAlignボタンから、Top/Bottom/Trailling/Leadingの４辺に制約をかけます。
次にViewを選択しながら右クリックでScrollViewのFrameLayoutGuideへドラッグ&ドロップし、Equal Widthを選択します。
最後にViewを選択し、画面右下のAdd new constraintsボタンから、Heightに制約をかけます。
ここでは1000を設定します。
以上です。