Xcode
AutoLayout
Swift
ScrollView

【UIScrollView】Autolayoutで縦スクロール【Xcode8.x】

More than 1 year has passed since last update.


1.作業領域の拡大

まずは作業しやすいように枠の縦を伸ばします。simulated sizeを「freeform」にして、heightを設定。今回はiPhone6sの枠を下地に使ってます。

1.png


2.ScrollViewの設定

pinで画面いっぱいになるように制約付けします。

2.png


3.コンテンツビューの設定

ScrollViewの上にviewを置きます。このView(FormView)がcontentSizeになります。四方のマージンをpinで、「高さ」の制約を固定値で設定し、FormViewとViewの横幅を「=」にします(③)。スクロール方向に固定値を与えるというのがコツです。高さは後で微調整すればOK。

3.png


4.コンテンツビューに部品を配置

後は普通にFormViewにに部品を配置していきます。

4.png


5.完成!

iPhone6s simulatorで実行

sample.gif


横スクロールはこちら