iOS ScrollView needs constraint for y position or height

by

Whenever using ScrollView with auto layout always follow below steps,

  1. ScrollView constraints: leadingSpace, topSpace, TrailingSpace, bottomSpace to superView and make sure when you control drag to add constraint, add it by pressing alt so that the constraint would be set without margin.

  2. Add UIView inside scroll view as container view and set its constraints:
    leadingSpace, topSpace, trailingSpace, bottomSpace to ScrollView without pressing alt button and set equalWidth to ScrollView.

  3. Whatever views you add inside this container view must have top to bottom constraint that is all view’s should have vertical constraint, so containerView can calculate height required for itself based on the content inside it.

If the constraints are set correctly then the scrollView will set its content size automatically based on the component inside it and you do not need to set the content size manually, also the scrollView will only scroll if the component inside the container view is not fitting inside otherwise it won’t scroll. If you want to make it scroll anyways then you need to check the Bounces Vertically property from storyboard to get the bounce effect.

Note: While you set constraint to the component inside the scrollView, you will see the constraint warning till you set the constraint from top component to the bottom one, aways remember that your top component should have top constraint (Vertical constraint) to superView and the component at the bottom should have bottom space constraint to the super view. When this satisfy then all warning will disappear eventually.

ScrollView constraints:

enter image description here

ContainerView constraints:

enter image description here

More Related Contents:

  1. How do I animate constraint changes?
  2. What is “Constrain to margin” in Storyboard in Xcode 6
  3. How can I load storyboard programmatically from class?
  4. Storyboard doesn’t contain a view controller with identifier
  5. How do I scroll the UIScrollView when the keyboard appears?
  6. Emulating aspect-fit behaviour using AutoLayout constraints in Xcode 6
  7. AutoLayout with hidden UIViews?
  8. With Auto Layout, how do I make a UIImageView’s size dynamic depending on the image?
  9. setNeedsLayout vs. setNeedsUpdateConstraints and layoutIfNeeded vs updateConstraintsIfNeeded
  10. What is the difference between Modal and Push segue in Storyboards?
  11. How can I use Autolayout to set constraints on my UIScrollview?
  12. How do I give an “identifier” to a view controller within my storyboard?
  13. Creating a reusable UIView with xib (and loading from storyboard)
  14. Use didSelectRowAtIndexPath or prepareForSegue method for UITableView?
  15. Auto layout UIScrollView with subviews with dynamic heights
  16. Autolayout: Add constraint to superview and not Top Layout Guide?
  17. Centering subview’s X in autolayout throws “not prepared for the constraint”
  18. Moving views with constraints
  19. Need assistance setting two buttons of equal width, side by side Autolayout
  20. Specifying one Dimension of Cells in UICollectionView using Auto Layout
  21. table header view height is wrong when using auto layout, IB, and font sizes
  22. Trouble with AutoLayout on UITableViewCell
  23. Loading a ViewController inside a Container View
  24. Dismissing both UINavigation views and Modal views at once programmatically
  25. The document Main.storyboard requires Xcode 8.0 or later
  26. Pushing a navigation controller is not supported
  27. AutoLayout, Unable to simultaneously satisfy constraints
  28. AutoLayout views make app crash on popViewController
  29. Programmatically get a Storyboard ID?
  30. How to delete all cookies of UIWebView?

Leave a Comment