How to create paging in iOS 7

ios ios7 uiscrollview uipagecontrol scroll-paging
SuperAdmin picture SuperAdmin · Mar 4, 2014 · Viewed 8.7k times · Source

I would like to kind of recreate the layout of the app I have pictures of below. There is a navigation bar at the top, with paged content in the middle. I have looked in to several ways of how to page content, including UIScrollViews, UIPageControl, and PageViewControllers, but I cant seem to quite be able to recreate this layout. Most tutorials that I find aren't updated for iOS7 either. All input is greatly appreciated.

Pictures:

enter image description here enter image description here

Answer

Steph Sharp picture Steph Sharp · Mar 6, 2014

Here's a few resources to help get you started.

Apple's documentation has a very good example of how to implement a paging scroll view using a UIPageViewController, see the Photo Scroller sample code here. I would suggest starting there.

I also have some code on github that modifies Apple's Photo Scroller example to load the UIPageViewController inside a UIViewController subclass.

This is a good tutorial by the Ray Wenderlich team on how to set up a paging scrollview: How To Use UIScrollView to Scroll and Zoom Content

I've also answered a few other questions about paging scroll views that you might find useful. See here, here, here and here.

Related questions

iOS 7 -- navigationController is setting the contentInset and ContentOffset of my UIScrollView

I have a UIScrollView (actually a UICollectionView, but that probably doesn't matter). When it appears in IOS 7, the navigation controller sets its contentInset and contentOffset to values I don't want. It appears to be trying to adjust for the status …

Read More
automaticallyAdjustsScrollViewInsets not working

I've created an extremely simple demo app to test the functionality of automaticallyAdjustsScrollViewInsets, but the last cell of the tableView is covered by my tab bar. My AppDelegate code: UITabBarController *tabControl = [[UITabBarController alloc] init]; tabControl.tabBar.translucent = YES; testViewController *test = [[…

Read More
How to enable zoom for UICollectionView

I am confused. I have a UICollectionView. I have my own UICollectionViewLayout subclass (iow, I am not using the Flow thing). UICollectionView instance is a subclass of UIScrollView. It adds multiple subviews. But questions like Properly zooming a UIScrollView that …

Read More