Programmatically set UIPageViewController Transition Style to Scroll

Question

I am using Xcode 6 and implementing UIPageViewController for my app. I followed appcoda's tutorial, and everything works except the page indicators. This is because I cannot set the transition style of UIPageViewController to scroll.

Graphically, when I click on the PageViewController, the tab shows View Controller instead of Page View Controller like appcoda (See its image below)

enter image description here

This is what mine looks like:

enter image description here

And yes, my custom class is set to: UIPageViewController as it is in the tutorial. enter image description here

Programmatically, I try to set the transition style with:

    self.pageViewController.transitionStyle = UIPageViewControllerTransitionStyle.Scroll

but it fails to build, telling me that it Could not find member transition style. One last weird thing I would like to point out is that if I just write self.pageViewController.transitionStyle, it builds successfully, but it still uses the Page Curl Transition.

Could anyone help me? I am using Swift, Xcode 6, and developing on the iOS 8 SDK.

When you clear the custom class, is the default class UIPageViewController or UIViewController, if latter it means you didn't use the correct story board object. — emily, Jun 02 '16 at 12:25
I upload sample code in swift5 with information of other people. https://github.com/sun5022/UIPageViewController — UdevApp, May 28 '19 at 03:08

score 43 · Answer 1 · edited Jul 05 '20 at 09:42

43

The issue is that when you create a UIPageViewController inside a Container, the container is first created with a UIViewController, and that s the controller you see your options for.

In order to fix it you have to delete UIViewController where you set your custom UIPageViewController. Then drag UIPageViewController from the controls picker and hook up the embed segue from the container to that controller, then you can set your custom pager controller as well as set transition to scroll.

edited Jul 05 '20 at 09:42

halfer

19,824
17
99
186

answered Nov 23 '16 at 17:47

Marcin D

918
7
14

2

Thats exactly it! I came here to answer this, but you already did it. :) Upvote for you. All other answers work, but the underlying problem was this. :) – Nuno Gonçalves Mar 10 '17 at 13:14
2

This is the correct solution and should be accepted as such. – promacuser Jun 23 '18 at 04:40
This is the real answer, the others are good lazy workarounds! – Luca Davanzo Aug 12 '19 at 07:41
You're a life saver. – CristianMoisei Apr 19 '20 at 00:03

score 42 · Answer 2 · answered Jul 04 '14 at 15:33

42

You're getting an error because transitionStyle is a readonly property. If you want to set the transition style of the page controller programmatically, it can only be done during initialization with the method:

init(transitionStyle style: UIPageViewControllerTransitionStyle, navigationOrientation navigationOrientation: UIPageViewControllerNavigationOrientation, options options: [NSObject : AnyObject]!) { ... }

Swift 3.0

required init?(coder aDecoder: NSCoder) {
    super.init(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
}

edited Feb 14 '17 at 16:34

answered Dec 16 '16 at 09:19

Cilvet

470
6
10

2

I don't feed comfortable doing this... aren't we triggering the end of the world not calling the init(coder:) initializer? – Nuno Gonçalves Mar 10 '17 at 12:14
Thank you It works for swift 5.0 too. This solution works to whom use the UIPageViewController in a nib file or the .storyboard – Amjad Tubasi Sep 14 '19 at 17:16

score 17 · Answer 4 · answered Dec 05 '16 at 11:24

17

in ios 8 swift3

override init(transitionStyle style: UIPageViewControllerTransitionStyle, navigationOrientation: UIPageViewControllerNavigationOrientation, options: [String : Any]? = nil) {
        super.init(transitionStyle: .scroll, navigationOrientation: .horizontal, options: options)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

answered Dec 05 '16 at 11:24

Divyesh Gondaliya

884
11
21

1

Please check Marcin Deszczynski's answer. :) – Nuno Gonçalves Mar 10 '17 at 13:15
2

Good solution here working without storyboard. Simple and to the point. – RegularExpression May 08 '17 at 05:17
2

THIS is the right answer. Applied in Xcode 9.1 & Swift 4 – Ernie Nov 19 '17 at 16:46

Dardan · Answer 5 · 2020-07-18T01:25:05.707

This is how I solved this problem in Swift 2.0

1. Created a class which is subclass of class UIPageViewController

    import UIKit
    
    class OPageViewController: UIPageViewController {
        
        override init(transitionStyle style: UIPageViewControllerTransitionStyle, navigationOrientation: UIPageViewControllerNavigationOrientation, options: [String : AnyObject]?) {

           // Here i changed the transition style: UIPageViewControllerTransitionStyle.Scroll           
            super.init(transitionStyle: UIPageViewControllerTransitionStyle.Scroll, navigationOrientation: UIPageViewControllerNavigationOrientation.Horizontal, options: options)
        }
    
        required init?(coder: NSCoder) {
            fatalError("init(coder:) has not been implemented")
        }
    
        override func viewDidLoad() {
            super.viewDidLoad()
        }
    
    
    }

2.Than i just used it :D

pageController = OPageViewController()
pageController.dataSource = self
pageController.setViewControllers(NSArray(object: vc) as? [UIViewController], direction: .Forward, animated: true, completion: nil)
pageController.view.frame = CGRectMake(0, container.frame.origin.y, view.frame.size.width, container.frame.size.height);

score 10 · Answer 6 · edited Apr 17 '15 at 18:32

I know this a little bit late, but I just had the same problem and realized that it was originated because I was using a simple UIViewController, even when my custom view controller class inherits from an UIPageViewController, aparently the graphic menu of xcode doesn't recognize it.

The solution was to delete in story board the view controller and drag a PageViewController to replace it. This will have the graphic menu with the scroll option.

score 10 · Answer 7 · answered Dec 02 '15 at 13:02

Xcode 7.1 & Swift 2

All other solutions did not fully work for me at the latest Swift, especially since my class also inherits from UIPageViewControllerDataSource and UIPageViewControllerDelegate.

To set the PageViewController transition to .Scroll just add these 2 methods to your class:

override init(transitionStyle style: UIPageViewControllerTransitionStyle, navigationOrientation: UIPageViewControllerNavigationOrientation, options: [String : AnyObject]?) {
    super.init(transitionStyle: .Scroll, navigationOrientation: .Horizontal, options: options)
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
}

My 1st init is never getting called. UIPageViewController is declared in storyboard — sheetal, Sep 06 '16 at 20:57

score 10 · Answer 8 · answered Jan 03 '20 at 15:35

Swift 5 & 4: Just put this 2 functions before viewDidLoad() in your pageview VC

override init(transitionStyle style: UIPageViewController.TransitionStyle, navigationOrientation: UIPageViewController.NavigationOrientation, options: [UIPageViewController.OptionsKey : Any]? = nil) {
    super.init(transitionStyle: .pageCurl, navigationOrientation: .horizontal, options: nil)
}

required init?(coder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

`transitionStyle: .scroll` – Lance Samaria Mar 08 '22 at 20:20 — Lance Samaria, Mar 08 '22 at 20:20

PL175 · Answer 9 · 2015-12-01T00:19:03.670

8

Easiest way to do this programmatically in Swift 2.0 (without subclassing):

class PageViewController: UIPageViewController {

     override init(transitionStyle style: UIPageViewControllerTransitionStyle, navigationOrientation navigationOrientation: UIPageViewControllerNavigationOrientation, options options: [NSObject : AnyObject]!) {
          super.init(transitionStyle: .Scroll, navigationOrientation: .Horizontal, options: options) 
     }

}

edited Dec 01 '15 at 00:19

answered Nov 29 '15 at 22:56

PL175

81
1
2

6

This _is_ subclassing. – Isaac Overacker Sep 08 '16 at 20:50
Please check Marcin Deszczynski's answer. :) – Nuno Gonçalves Mar 10 '17 at 13:15

score 5 · Answer 10 · answered Apr 24 '20 at 10:31

5

This worked for me . Because if I override init for transitionStyle , it never gets called if you have set pageViewController in a container view in Storyboard.

required init?(coder aDecoder: NSCoder) {

        super.init(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
    }

answered Apr 24 '20 at 10:31

Shirish

295
3
19

THE ACTUALLY CORRECT ANSWER! – Fattie Jul 04 '20 at 04:08

score 4 · Answer 11 · answered Mar 15 '18 at 15:09

Swift 4 programmatically set the transition style of UIPageViewController

This is straight from 'UIPageViewController.h' line 61-97

Just put this before viewDidLoad() in your UIPageViewController() class

    override init(transitionStyle style: 
UIPageViewControllerTransitionStyle, navigationOrientation: UIPageViewControllerNavigationOrientation, options: [String : Any]? = nil) {
            super.init(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
        }
        required init?(coder: NSCoder) {
            fatalError("init(coder:) has not been implemented")
        }

score 2 · Answer 12 · edited Apr 03 '23 at 23:31

2

Swift 5

class OnboardingController: UIPageViewController {

    override init(transitionStyle style: UIPageViewController.TransitionStyle, navigationOrientation: UIPageViewController.NavigationOrientation, options: [UIPageViewController.OptionsKey : Any]? = nil) {
        super.init(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
    }

    required init?(coder: NSCoder) {
        super.init(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
    }

    override func viewDidLoad() {
        super.viewDidLoad()
    }
}

edited Apr 03 '23 at 23:31

Fattie

27,874
70
431
719

answered Mar 08 '22 at 20:23

Lance Samaria

17,576
18
108
256

1

Lance, in your excellent code, there's no reason you wouldn't also set it in the STORYBOARD call. (Note that these days, bizarrely, you CAN NOT set simply "scroll" in storyboard - for some reason they removed it from IB. You must set it in code as per your code.) I added it to your answer, of course edit as you wish cheers – Fattie Apr 03 '23 at 23:33
@Fattie Thanks for the edit! Honestly I haven’t used Storyboard in years. I do everything programmatically so it’s better that you updated my answer so that it helps the next person who does you Storyboard. Cheers!!! – Lance Samaria Apr 05 '23 at 00:42
heh right on Lance! cheers ! – Fattie Apr 05 '23 at 22:26

score 1 · Answer 13 · edited May 23 '17 at 10:31

This is a known bug with UIPageViewController

You can read an explanation of the cause in this SO question and more comprehensively in this one.

I used the AppCoda Tutorial as well to get a handle on PageViewControllers. Another SO user actually wrote a gist that solved the problem for me in a way that I didn't have to change a line of code in my own project. Just drop AVC in to your project and call that instead of UIPageViewController in your code.

Paul de Lange's AlzheimerViewController.

score 1 · Answer 14 · answered Oct 24 '22 at 10:49

In swift 5

In the Page view Controller you can write following code

TransitionStyle scroll

    required init?(coder aDecoder: NSCoder) {
        super.init(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
    }

For transitionStyle curl

 required init?(coder aDecoder: NSCoder) {
        super.init(transitionStyle: .pageCurl, navigationOrientation: .horizontal, options: nil)
    }

Thank You

score 0 · Answer 15 · answered Jan 17 '17 at 11:55

0

swift 3 xcode 8 in

class ...: UIPageViewController {

override var transitionStyle: UIPageViewControllerTransitionStyle {
    return .scroll
}

override var navigationOrientation: UIPageViewControllerNavigationOrientation {
    return .horizontal
}

}

answered Jan 17 '17 at 11:55

Anton Russia

197
1
2

Shahriyar · Answer 16 · 2019-06-11T13:08:41.673

None of the solutions below worked for Swift 5. here is what worked for me, in my case i needed the view controller to be presented on top of the other view controller with low opacity background:

override init(nibName nibNameOrNil: String?, bundle nibBundleOrNil: Bundle?) {
    super.init(nibName: nil, bundle: nil)

    self.setupView()
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)

    self.setupView()
}

private func setupView() {
    self.modalTransitionStyle = .crossDissolve
    self.modalPresentationStyle = .overCurrentContext
    self.view.backgroundColor = UIColor.red.withAlphaComponent(0.3)
}

Programmatically set UIPageViewController Transition Style to Scroll

16 Answers16

Swift 3.0

Xcode 7.1 & Swift 2

Linked