Paging with UIScrollView?

bonehead · April 2008

I'm trying to essentially recreate the Photos app image view where you can swipe your finger left and right to scroll through images. I'm setting up a UIScrollView in my view controller as follows:

	
UIScrollView* containerView = [[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].applicationFrame];
containerView.backgroundColor = [UIColor blackColor];
containerView.scrollEnabled = YES;
containerView.pagingEnabled = YES;
containerView.bounces = NO;
containerView.directionalLockEnabled = YES;

self.view = containerView;

And then I'm adding a series of UIImageViews as subviews of containerView. Scrolling left/right works great (nice smooth scroll); however, the scroll does not stop on page bounds as stated in the docs for UIScrollView.pagingEnabled: "If the value of the property is YES, the scroll view stops on multiples of the view bounds when the user scrolls."

Any suggestions?

scottiphone · April 2008

JigSaw example uses ScrollView. Might be worth looking at.

bonehead · April 2008

scottiphone said:
JigSaw example uses ScrollView. Might be worth looking at.

Hrm, strangely JigSaw doesn't show up in the iPhone Dev Center "Sample Code for iPhone" section anymore. Was it part of an earlier SDK release?

scottiphone · April 2008

it was one of the many examples on the site. There have been a number to disappear.
Grab any while you can. I assume there were issues with them of one sort or another.

bonehead · May 2008

bonehead said:
I'm trying to essentially recreate the Photos app image view where you can swipe your finger left and right to scroll through images. I'm setting up a UIScrollView in my view controller as follows:
	
UIScrollView* containerView = [[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].applicationFrame];
containerView.backgroundColor = [UIColor blackColor];
containerView.scrollEnabled = YES;
containerView.pagingEnabled = YES;
containerView.bounces = NO;
containerView.directionalLockEnabled = YES;

self.view = containerView;

Turns out the problem was that I had set bounces = NO. If you have bounces turned off, paging doesn't work.

scottiphone · May 2008

I'd file that as a bug report.

jarrednicholls · August 2008

Yeah that's definitely a bug!!

schipmolder · October 2008

Has anyone found a workaround for this?

I'm using a scrollview with paging and the scrollview should only scroll horizontally, but because of the bouncing it sometimes does bounce vertically.
I've tried playing with the contentsize and set the directionalLockEnabled to yes, but it still bounces vertically.
Ideally I'd like to disable the entire bouncing...

vosens · December 2008

bonehead;7245 said:
I'm trying to essentially recreate the Photos app image view where you can swipe your finger left and right to scroll through images. I'm setting up a UIScrollView in my view controller as follows:
	
UIScrollView* containerView = [[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].applicationFrame];
containerView.backgroundColor = [UIColor blackColor];
containerView.scrollEnabled = YES;
containerView.pagingEnabled = YES;
containerView.bounces = NO;
containerView.directionalLockEnabled = YES;

self.view = containerView;
And then I'm adding a series of UIImageViews as subviews of containerView. Scrolling left/right works great (nice smooth scroll); however, the scroll does not stop on page bounds as stated in the docs for UIScrollView.pagingEnabled: "If the value of the property is YES, the scroll view stops on multiples of the view bounds when the user scrolls."

Any suggestions?

Could you show the code where you add the images to subviews of the container? I'd like to create an image browser like yours but don't know how to add the UIImageViews. Also, if possible, do you have any insight on how you'd create a "thumbnails" page where you could tap on any image and it'll go to that image within the scrollview?

Thanks so much for any help!!

-Sean

lajloos · July 2009

containerView.bounces = YES;

Henning · September 2009

I'm having this problem too. I don't want it to bounce, but I DO want it to page. It seems like you have to use bouncing if you want paging.

Very frustrating...

henning

giginho · February 2010

Has anyone found a solution to this? I'm having the same problem...

kokonaing · September 2010

bonehead;7507 said:
Turns out the problem was that I had set bounces = NO. If you have bounces turned off, paging doesn't work.

It worked, when I also did the same. Turned on the bounces. Thanks! :)

NoMercy · November 2010

Man I dont know if I can thank you enough :)

You saved me A lot of trouble thanks again...

Howdy, Stranger!

Forums

Paging with UIScrollView?

Replies