Photos app-like gap between pages in UIScrollView with pagingEnabled

Question

UIScrollView in paging mode assumes the pages are located right next to each other, with no gap. However if you open a photo in the Photos app and swipe through photos, you

Answer 1

The way to do this is like you said, a combination of a few things.

If you want a gap of 20px between your images, you need to:

First, expand your scroll view's total width by 20px and move it left by 10px.

Second, when you lay out the xLoc of your images, add 20px for each image so they're spaced 20px apart. Third, set the initial xLoc of your images to 10px instead of 0px.

Fourth, make sure you set the content size of your scroll view to add 20px for each image. So if you have kNumImages images and each is kScrollObjWidth, then you go like this:

[scrollView setContentSize:CGSizeMake((kNumImages * (kScrollObjWidth+20)),  kScrollObjHeight)];

It should work after that!