スクロールビューを使う

画面の縦スクロールの設定方法。テーブルビューは標準でスクロールできますが、それ以外の場合はスクロールビューを配置しないと画面スクロールできません。コードの記述は無し

横スクロールの方法は、別記事参照↓

完成形はこちら

Main.storyboardの編集

手順や設定を間違えるとハマるので、しっかり画像の設定内容を見て設定してください
まずはスクロールビューを配置します


配置したスクロールビューのConstraintsの上下左右全て“0”に設定します
(全てSafeAreaに対して設定すること)


次に、スクロールビューの中に、ただのViewを配置します
Viewの背景色を変えておくと分かりやすいです


ViewConstraintsは、上下左右全て“0”にします。0距離の相手は全てScrollViewを指定。
ついでにHeight:2000に設定します


最後に、ScrollViewViewの幅をEqualWidthsにしたらスクロールビューの設定完了


ストーリーボード上にあるスマホ画面高さも“2000”に設定しておきましょう

これでビルドしたら完成です おしまい

クルクル回る画面更新の追加

ついでに、クルクル回る画面更新アクションも追加したい場合は、以下記事参照

参考になったという方は👍ボタン↓

コメント

タイトルとURLをコピーしました