2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

(多分)いちばんシンプルなUIScrollViewの実装

Posted at

UIScrollView入門

UIScrollViewの一番シンプルな実装方法を書きます。
※Swift5, Xcode11.0で説明いたします。

UIScrollViewを配置し、制約をつける

Q1.gif

  • UIScrollViewを配置
  • UIScrollViewに対して、サイズと配置を決める制約を設定
    (サンプルでは画面いっぱいに表示されるようにしてます)

画面の一部をスクロールビューにしたい場合は、この段階で制約をつけておきます。

スクロールさせるViewを配置し、制約をつける

Q2.gif

  • UIViewを配置
  • 親View(UIScrollView)からのマージンが0になるように制約を設定
  • 配置したViewの横幅1が親Viewと同じになるように制約を設定(UIScrollView)

あとはスクロールさせたいViewの高さを決めてあげればスクロールできるようになります。

少しでも参考になれば幸いです。
ありがとうございました。

  1. 横にスクロールさせたい場合は高さを合わせるようにしてください。

2
1
4

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?