Scrollview with navigation bar + auto layout

Question

I have a ViewController embedded in NavigationController. I placed ScrollView inside it, then content view covering the full area (to set ScrollView's content size) and some labels. I tried to set constraints for all of the controls but I failed.

This is how it looks in Xcode:

And this is in Simulator:

Red color is scroll view, green – content view. Of course I can scroll the view to get the bottom label on screen.

What I did wrong? What are the proper constraints? I want of course the ScrollView to cover the entire usable area of window (from bottom of navigation bar to bottom of screen).

For full reference you can download the project.

I emulated the behavior of Scroll View by using `UIPanGestureRecognizer` but the question about Scroll View and Auto Layout is still in place. — bpiec, Jan 09 '16 at 15:11
Maybe this answer ( [link](http://stackoverflow.com/questions/31428483/swift-ios-set-scrollview-constraint-below-navigation-bar-programatically)) helpful to you — user3036371, Mar 02 '16 at 08:43
Try checking "Adjust Scroll View Insets" on your ViewController in interface builder. (I realize this is an old question) — Nuno Gonçalves, Sep 14 '16 at 13:13
did you got the solution or not ? I tried below answers but not working — Venkatesh, May 25 '18 at 10:45
As I wrote above, I don't remember. I don't code for iOS anymore so I even don't remember what project was this for. — bpiec, May 28 '18 at 08:17

score 6 · Answer 1 · edited Jun 06 '17 at 00:26

6

Swift 3:

self.automaticallyAdjustsScrollViewInsets = false

edited Jun 06 '17 at 00:26

Pang

9,564
146
81
122

answered Jun 02 '17 at 21:23

Roshan lamichhane

91
1
5

1

Using interface builder / Storyboard what works for me is to uncheck it from the scene attributes inspector. – BuguiBu Oct 31 '17 at 16:18

Teja Nandamuri · Answer 2 · 2016-01-07T21:12:36.010

I think the gap you see is caused by the navigation bar. The gap is off size 64 which is the size of the navigation bar + status bar (44+20). You need to constraint the scroll bar to the top layout guide.By pushing this 64 negatively. So your scrollview top constriant will be -64.

This can also be done in one click, by clicking on the position view button in size inspector in xcode.

Click on the position view and select fill container vertically.This will constraint the scrollview to top layout guide. Now select the scrollview and click on the update constraints in the storyboard.

As you can see, the contentView is not constrianed to cover the view just like scrollview , there is space at the button of the content view, when the view loads, the navigation bar will occupy the additional space, and the contentview will be exactly at where you need.

This did the trick and moved the content upper but I can still scroll the view and see the red ScrollView at the bottom. — bpiec, Jan 07 '16 at 21:41
I also have four warnings due to different positions of controls at run time. — bpiec, Jan 07 '16 at 21:59

score 3 · Answer 3 · answered Jan 15 '16 at 20:52

3

Here's nice tutorial about scrollView and Auto Layout. I spend a lot of time with same kind of problem until found this tutorial. http://spin.atomicobject.com/2014/03/05/uiscrollview-autolayout-ios/ .

The way is to drag scrollview and content view to all of the area like if there wouldn't present a navigation bar. Also make right constraints.

answered Jan 15 '16 at 20:52

Nike Kov

12,630
8
75
122

I've seen this tutorial but I couldn't get this to work anyway :( – bpiec Jan 16 '16 at 14:02

score 0 · Answer 4 · answered Sep 29 '17 at 16:50

0

The swift 3 code works but the interface builder is trying to compensate for the navigation bar so when adding view ignore the bar and place the view over it. The IB will compensate.

answered Sep 29 '17 at 16:50

Jules

1

Scrollview with navigation bar + auto layout

4 Answers4