Skip to content

UIScrollViewにUIStackViewを追加する方法

iOSアプリでフォーム画面のようなものを作るときに、UITableViewを使用すると結構面倒な実装になりそうなので、複雑なUIのリストを実装する場合には、UIScrollViewの中にUIStackViewを使用すると良い感じに柔軟なUIを実装出来ます。

①UIScrollViewの追加

StroyboardからUIScrollViewを追加します。

追加したUIScrollViewに、AutoLayout上下左右0を設定します。

UIScrollViewのContent Layout Guidesのチェックを外します。

②UIStackViewの追加

縦方向のUIStackViewをUIScrollViewの下に追加します。

追加したUIStackViewに、AutoLayout上下左右0を設定します。

UIScrollViewとUIStackViewのEqualWidthを設定します。

③UIStackView内にUIViewを追加

UIStackViewにUIViewを追加します。

追加したUIViewのAutoLayoutに任意の値の高さを設定します。

以上でUIScrollView内にUIStackViewを追加出来ます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です