How to change position of UIPageControl in iOS >=8.0?

ios uipageviewcontroller uipagecontrol
Nguyen Thu picture Nguyen Thu · Sep 28, 2015 · Viewed 23.4k times · Source

I have a simple UIPageViewController which displays the default UIPageControl at the bottom of the pages. I wonder if it's possible to modify the position of the UIPageControl, e.g. to be on top of the screen instead of the bottom. I've been looking around and only found old discussions that say I need to create my own UIPageControl. Is this thing simpler with iOS8 and 9? Thanks.

Answer

Jan picture Jan · Sep 29, 2015

Yes, you can add custom page controller for that. 

self.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, self.view.frame.size.height - 50, self.view.frame.size.width, 50)]; // your position

[self.view addSubview: self.pageControl];

then remove 

- (NSInteger)presentationCountForPageViewController:(UIPageViewController *)pageViewController

and 

- (NSInteger)presentationIndexForPageViewController:(UIPageViewController *)pageViewController

Then add another delegate method:

- (void)pageViewController:(UIPageViewController *)pageViewController willTransitionToViewControllers:(NSArray<UIViewController *> *)pendingViewControllers
 {
     PageContentViewController *pageContentView = (PageContentViewController*) pendingViewControllers[0];
     self.pageControl.currentPage = pageContentView.pageIndex;
 }

Related questions

How to put the UIPageControl element on top of the sliding pages within a UIPageViewController?

Regarding to this tutorial by AppCoda about how to implement a app with UIPageViewController I'd like to use a custom page control element on top of the pages instead of at the bottom. When I just put a page control …

Read More
PageViewController current page index in Swift

I want to get current index of a pageViewController, I don't know how I get the visible pages index. func pageViewController(pageViewController: UIPageViewController, didFinishAnimating finished: Bool,previousViewControllers: [UIViewController],transitionCompleted completed: Bool) { // How to get it? }

Read More
Hide dots from UIPageViewController

I would like to do to a pretty simple thing. Just remove all the dots, and the bar on the bottom of the UIPageViewController. This is the setup: I have a custom view controller which has UIPageViewController *pageController I display …

Read More