Being new to iOS after the Swift programming language was announced, it was a pain for me to find a fix to why the ScrollView always places an extra space at the top of the child view even though I already placed constraints.

I mean, that is what constraints are for, right? Check the image below. The ScrollView has a background color that looks pink and orange while its child View has a white background.

ios_uiscrollview1

See the extra space at the top? I tried to set combinations of alignment and spacing constraints to no avail. I wasted almost a half day for this till I decided to try my luck looking in Google searches for a solution.

And the solution is?

adjust_scrollview_insets

  • Click your ViewController in the tree list on the left
  • Select the Attribute Inspector
  • Under the View Controller area, go to the label that says Layout : Adjust Scroll View Insets
  • Uncheck that and recompile.

Now the extra top space will disappear.

ios_uiscrollview2

 

Since I am still new to iOS, I do not understand the purpose of this option. There are constraints in the first place so what is this for? Regardless, to avoid this problem, this is the only solution that works without doing any coding.

This typically works in iOS7 and later. However, I read that in iOS6 it still leaves a gap. I have not tested this but you could try this option that user Anooj VM provided in the Stack Overflow forum.

The fix is to implement within the viewDidLoad() by adding this line of code:

 

How one attribute can greatly affect the layout of the entire contents of a ScrollView. I normally use ScrollView at the last minute if I believe that the contents of a LinearLayout will exceed the total height of a smart phone’s screen size.

This is when I use a ScrollView and place the LinearLayout inside it. However, a common occurence happens even when you set the layout_height attribute to fill_parent and it does not stretch to fill the area.

One attribute of the ScrollView widget fixes this problem.

Problem solved.

Android seems to have so many attributes to their widgets that I think are not really important. This includes the fading edge color of the ScrollView widget.

I think it is annoying. I think it is a nuisance.

The solution is to use the android:overScrollMode attribute with a value of “never” if you do not want to see the fading edge color.

Related Posts Plugin for WordPress, Blogger...