Ios – Disabling Horizontal Scrolling from UIScrollView Swift

iosswiftuiscrollview

Scroll View

I have a UIScrollView, with constraints left: 0, top: 0, right: 0, bottom: 0

Inside Scroll View

At the top of this UIScrollView is a UIImageView with constraints left: 0, top: 0, right: 0, height: 200

Underneath this I have a UITextView with constraints left: 0, top: 0, right: 0, bottom: 0

This means the UITextView will resize with respect to its content, and I set the scrollingEnabled to false for the UITextView.

So, when I run, it almost works perfectly.

The one problem is the UIImageView takes up about 10% more than the actual screen width. Hence, horizontal scrolling is enabled.

I have tried adding the lines

imageView.frame = CGRect(0, 0, screenSize.width, 200)
scrlView.contentSize.width = screenSize.width

but this makes no difference. I can still scroll horizontally and the Image View still takes up around 10% more than the actual screen width.

Note, I have not set imageView screen width in storyboard, only programatically.

Any ideas?

Best Answer

Like this,

Swift 4.0

func scrollViewDidScroll(scrollView: UIScrollView) {
    if scrollView.contentOffset.x>0 {
        scrollView.contentOffset.x = 0
    }
}

And, you can set this property:

scrollImg.isDirectionalLockEnabled = true

Related Solutions

Ios – UIScrollView horizontal paging like Mobile Safari tabs

A UIScrollView with paging enabled will stop at multiples of its frame width (or height). So the first step is to figure out how wide you want your pages to be. Make that the width of the UIScrollView. Then, set your subview's sizes however big you need them to be, and set their centers based on multiples of the UIScrollView's width.

Then, since you want to see the other pages, of course, set clipsToBounds to NO as mhjoy stated. The trick part now is getting it to scroll when the user starts the drag outside the range of the UIScrollView's frame. My solution (when I had to do this very recently) was as follows:

Create a UIView subclass (i.e. ClipView) that will contain the UIScrollView and it's subviews. Essentially, it should have the frame of what you would assume the UIScrollView would have under normal circumstances. Place the UIScrollView in the center of the ClipView. Make sure the ClipView's clipsToBounds is set to YES if its width is less than that of its parent view. Also, the ClipView needs a reference to the UIScrollView.

The final step is to override - (UIView *)hitTest:withEvent: inside the ClipView.

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
  return [self pointInside:point withEvent:event] ? scrollView : nil;
}

This basically expands the touch area of the UIScrollView to the frame of its parent's view, exactly what you need.

Another option would be to subclass UIScrollView and override its - (BOOL)pointInside:(CGPoint) point withEvent:(UIEvent *) event method, however you will still need a container view to do the clipping, and it may be difficult to determine when to return YES based only on the UIScrollView's frame.

NOTE: You should also take a look at Juri Pakaste's hitTest:withEvent: modification if you are having issues with subview user interaction.

Ios – UIScrollView Scrollable Content Size Ambiguity

So I just sorted out in this way:

Inside the UIScrollView add a UIView (we can call that contentView);
In this contentView, set top, bottom, left and right margins to 0 (of course from the scrollView which is the superView); Set also align center horizontally and vertically;

Finished.

Now you can add all your views in that contentView, and the contentSize of the scrollView will be automatically resized according with the contentView.

Update:

Some special case is covered by this video posted by @Sergio in the comments below.

Best Answer

Related Solutions

Ios – UIScrollView horizontal paging like Mobile Safari tabs

Ios – UIScrollView Scrollable Content Size Ambiguity

Related Topic