UIPageViewController displaying a black bar

Question

I have a UIPageViewController set up to display pages of UITableViewController content. The functionality is working just fine, but the table is hidden at the top and there is a strange black bar at the bottom.

black bar

So the first thing I did was go to the storyboard and change the settings for my UIPageViewController as shown below.

settings

The resulting view renders like this:

black bar2

Ideally I would like the pager background to be translucent so that you can see the table below it. Also, although the top of the table is now visible, I don't like how the background has changed to a weird grey/translucent effect. Any suggestions on how to fix?

http://stackoverflow.com/questions/18408269/uipageviewcontroller-page-control-background-color — AdamPro13, Jan 21 '15 at 22:28

score 18 · Answer 1 · edited Apr 17 '16 at 07:03

The color of the UIPageControl is already clear. So, what you're seeing is the black background of the UIPageViewController peeking through. The problem is that the UIPageViewController restricts the size of the view controller to not extend beneath the UIPageControl.

Add this following code to your UIPageViewController class to allow your viewController to extend underneath the UIPageControl:

override func viewDidLayoutSubviews() {
    //corrects scrollview frame to allow for full-screen view controller pages
    for subView in self.view.subviews {
        if subView is UIScrollView {
            subView.frame = self.view.bounds
        }
    }
    super.viewDidLayoutSubviews()
}

This answer should be accepted. Thank you for saving me hours of headache. — Alexi V., Dec 15 '17 at 03:03

score 1 · Answer 2 · answered Jan 21 '15 at 22:29

1

Use the UIAppearance proxy to customize the colors of UIPageControl, including the background color.

UIPageControl *pageControl = [UIPageControl appearance];
pageControl.pageIndicatorTintColor = [UIColor lightGrayColor];
pageControl.currentPageIndicatorTintColor = [UIColor blackColor];
pageControl.backgroundColor = [UIColor blueColor];

To get rid of translucency of the navigation bar use:

[self.navigationController.navigationBar setTranslucent:NO]

answered Jan 21 '15 at 22:29

Rafał Sroka

39,540
23
113
143

It looks like the `UIPageControl` is transparent by default. I did try setting the backgroundColor to transparent and that didn't help. – Fenda Jan 22 '15 at 18:46
1

Turns out its the `UIPageViewController` view background color that is showing. However, I want the table that is displayed inside the pageviewcontroller to be displayed beneath the page control. – Fenda Jan 22 '15 at 18:47

UIPageViewController displaying a black bar

2 Answers2