Add button horizontally to Page Control

Question

I need to add a button horizontally to a Page Control in UIPageViewController. I have added my pageviewcontroller as a subview to a ViewController, by default im getting the page control .Now I wanted to add a button, Can anyone suggest any way to add button ?

Thanks in advance!!

_pageViewController = [[UIPageViewController alloc] initWithTransitionStyle:UIPageViewControllerTransitionStyleScroll
                                                          navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal
                                                                        options:nil];

    self.view.backgroundColor = [[UIColor blackColor]colorWithAlphaComponent:0.5];

    UIStoryboard *storyboard = [UIStoryboard storyboardWithName:
                                @"Main" bundle:[NSBundle mainBundle]];
    UIViewController *p1 = [storyboard instantiateViewControllerWithIdentifier:@"First"];
    UIViewController *p2 = [storyboard
                            instantiateViewControllerWithIdentifier:@"Second"];
    UIViewController *p3 = [storyboard
                            instantiateViewControllerWithIdentifier:@"Third"];
    UIViewController *p4 = [storyboard
                            instantiateViewControllerWithIdentifier:@"Fourth"];
    _Array = @[p1,p2,p3,p4];
    _pageViewController.dataSource = self;
    _pageViewController.delegate = self;
    [_pageViewController setViewControllers:@[_Array[0]]
                                  direction:UIPageViewControllerNavigationDirectionForward
                                   animated:NO
                                 completion:nil];

    [_pageViewController willMoveToParentViewController:self];
    [self addChildViewController:_pageViewController];
    [self.view addSubview:_pageViewController.view];
    [self.view sendSubviewToBack:self.pageViewController.view];    
    [_pageViewController didMoveToParentViewController:self];

In the same line as page control I want a button to be used. — meowsush, Oct 05 '16 at 09:36
you can use `collectionView` instead, `pageViewController` made to add VC actually .. — vaibhav, Oct 05 '16 at 09:44
[i think you are looking for this kind of functionality](http://stackoverflow.com/questions/39866407/horizontal-scrollview-having-n-number-of-buttons-ios) have a look. — vaibhav, Oct 05 '16 at 10:01

score 1 · Answer 1 · edited May 23 '17 at 12:33

1

I believe this is what youre looking for. He explains in detail how to add the buttons "on top of " your page view controller view. You can do this after you add the page view controller, you can use the sendSubviewToBack method to ensure that the buttons remain in the foreground while you will be able to swipe between the different view controllers of your page view controller. Have a look here

edited May 23 '17 at 12:33

Community

1
1

answered Oct 05 '16 at 08:08

HarmVanRisk

218
1
8

Sorry i couldn't see the button when i tried your code – meowsush Oct 05 '16 at 09:28
Did you send the page view controller to the back? – HarmVanRisk Oct 05 '16 at 09:30
[self.view sendSubviewToBack:self.pageViewController.view]; yes but couldn't view button – meowsush Oct 05 '16 at 09:32
How are you adding the button and the pageview controller? – HarmVanRisk Oct 05 '16 at 09:43
in the parent view controller not the pageviewcontroller. Also I believe that in the above example he is adding the pageviewcontroller programmatically – HarmVanRisk Oct 05 '16 at 09:48
@HarmVanRisk i think this is not the solution for meowsush is actually looking for but at least idea about `pageViewController` , +1 for right explanation. – vaibhav Oct 05 '16 at 09:57
UIButton is added using the interface builder. – meowsush Oct 05 '16 at 09:58
Fair enough. Sorry I couldn't be more help – HarmVanRisk Oct 05 '16 at 09:59
Thank you for your valuable reply – meowsush Oct 05 '16 at 10:00
Just out of interest when you tap on Debug View Hierarchy is the button there at all? – HarmVanRisk Oct 05 '16 at 10:00
sorry im new to iOS. can you tell me how to check ? – meowsush Oct 05 '16 at 10:38
Thats ok we all start somewhere :) Have a look at this https://www.raywenderlich.com/98356/view-debugging-in-xcode-6 – HarmVanRisk Oct 05 '16 at 10:40
I have only that button in that viewcontroller because everything i have i did is on uipageviewcontroller and added it to he viewcontroller – meowsush Oct 05 '16 at 10:55
But is the button in the view hierarchy? – HarmVanRisk Oct 05 '16 at 10:56
yup , Its there – meowsush Oct 05 '16 at 10:58
Can you update above with a screenshot of it's location? – HarmVanRisk Oct 05 '16 at 10:59
sorry couldn't upload images because of low reputation – meowsush Oct 05 '16 at 11:08

score 0 · Answer 2 · answered Oct 05 '16 at 11:24

you can extract the view where page control is kept on, then you can do what ever you want. Below is the code for extracing the pagecontrol view:

NSArray *subviews = self.pageController.view.subviews;

for (int i=0; i<[subviews count]; i++) {
    if ([[subviews objectAtIndex:i] isKindOfClass:[UIPageControl class]]) {
        self.pageControl = (UIPageControl *)[subviews objectAtIndex:i];
    }
}
UIView *pageControlBaseView = [[UIView alloc] initWithFrame:CGRectMake(0,60,100, 40)];
[pageControlBaseView addSubview:self.pageControl];
self.pageControl.pageIndicatorTintColor = [UIColor redcolor];
self.pageControl.currentPageIndicatorTintColor = [UIColor greencolor];
[self.view addSubview:pageControlBaseView];

please let me know if you need more clarity.

Add button horizontally to Page Control

2 Answers2