【Xcode/Swift】Scroll Viewを使ってみよう

今回はScroll Viewの使い方を解説します

開発環境

今回は以下の環境で実装しています

Mac OS ver12.4
Swift ver5.6
Xcode ver13.3

プロジェクトの作成 & Storyboardの装飾

プロジェクト作成

◉初期画面

Scroll Viewの追加 & 制約をつける

制約エラーが発生しますが一旦無視してOKです。

Viewの追加 & 制約をつける

Viewを追加する & 制約をつける

ひとくちメモ

UIViewの制約をつける際、ScrollViewからの制約をつけるようにしてください(以下画像を参考に)

Equal Widthというものを活用する

下のGIFを参考にScrollViewとUIViewを両方選択した状態で”Equal Width”にチェクを入れる


Storyboardの高さを可変にする

Storyboardの高さも制約で設定した高さに合わせたいので可変に変更します

テキトーにパーツを配置

スクロールされていることがわかりやすいようにテキトーにLabelやButtonを配置してみましょう。

ビルドをして挙動確認

下準備お疲れ様です、それではビルドをして実際にスクロールをしてみましょう。

まとめ

今回は以上です、自分もまだまだ分からないことだらけなのでトライアンドエラーを繰り返して新しい技術を取得しています。

分からないことがあっても諦めず根気強く取り組みましょう!

◉今日の格言