15

I wanna add scroll view in my project but in swift 5 I can't add it I tried many ways 

@IBOutlet weak var scrollView: UIScrollView! 
@IBOutlet weak var imageViewBottomConstraint: NSLayoutConstraint!
@IBOutlet weak var imageViewLeadingConstraint: NSLayoutConstraint!
@IBOutlet weak var imageViewTopConstraint: NSLayoutConstraint!
@IBOutlet weak var imageViewTrailingConstraint: NSLayoutConstraint!

enter image description here

Ahmad Mustafa
  • 521
  • 1
  • 3
  • 12

5 Answers5

27

1.Add scrollView(1) in storyboard, add needed constraint to top/bottom/trailing/leading.

2.Then uncheck "Content Layout Guides" in Size inspector section for your scrollView.

3.Then you need to put into your scrollView new UIView(2), its constraints are for top/bottom/trailing/leading to superView(1) and equal width to superView(1).

4.Then the height of your view(2) you can add as constraint or you can add the content, which will give the height to your view(2).

Example with the height setted

enter image description here

Example with the content, which give the height to your view(2)

enter image description here

kseniiap
  • 443
  • 1
  • 3
  • 8
12

It works 100% when I Disabling the content layout guides in properties

enter image description here

Ahmad Mustafa
  • 521
  • 1
  • 3
  • 12
12

You don't need to uncheck Content Layout Guides(it's there to help us). It's actually not that hard to set it up. Here's how to do it using Xcode 11+ and supporting iOS 11+

1 - Add ScrollView and set top, bottom, leading and trailing constraints to 0 in relation to its superview

enter image description here

2 - Add a Content View(any UIView), drag a connection to the Content Layout Guide and set leading,top,trailing and bottom constraints to 0(make sure to set it to 0)

enter image description here

3 - Drag from your Content View to the Frame Layout Guide and set it to Equal Width

enter image description here

4 - Add a height constraint constant to the Content View

JP Aquino
  • 3,946
  • 1
  • 23
  • 25
9

If you use interface builder first of all add your scroll view and set scroll view constraint (top, bottom, leading and trailing) as (0,0,0,0). View hierarchy must be like this view -> scroll view -> view(content view). Again add constraints for your content view. Content view must have equal width and equal height with parent view (Scroll View). Control drag from content view to scroll view in Document Outline

For more information you can look at this https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/WorkingwithScrollViews.html

Emre Değirmenci
  • 715
  • 6
  • 22
  • Your answer, though pointing to relevant documentation, is incorrect, because the content view can and in many cases should be larger than the scroll view. When that happens scrolling is enabled. You should edit your answer. – jvarela Nov 26 '19 at 08:43
  • Great answer and also relevant for this date. Also, the documentation link is really informative. – OhadM Apr 03 '20 at 15:42
  • **iOS 11.0 +** Only – J A S K I E R Jun 06 '21 at 11:16
4

You can skip constraints altogether.

  1. Add the ScrollView to your storyboard.
  2. Create an IBOutlet in your ViewController.
  3. Set the scrollview's height: scrollView.contentSize = (CGSize(width: desiredWidth, height: desiredHeight)

The desired width can be either a number or the width of another view. You can take the main view's width for exemple, by creating an IBOutlet to it: scrollView.contentSize = (CGSize(width: mainView.frame.size.width, height: desiredHeight)

The desired height is whatever value you require for the content to be shown in full while scrolling.

I find this way much easier to understand and control.

Victor Marcoianu
  • 630
  • 2
  • 8
  • 20