はじめに
こんにちはnukkyです。
以前コメントにてUIPageViewControllerの使い方がわからないとのコメントを頂いたので簡単に使い方を紹介したいと思います。
前提条件
Xcode 9.1
iOS 11 Simulator
Swift 4.0
UIPageViewControllerとは
簡単に説明するとUIViewControllerを複数同等な関係性で配置でき、それをスワイプ操作で遷移させられるものです、ものすごくざっくりいうとtabbarのtabが無いような形です。
実装
ViewControllerを準備
今回は3画面でサンプルを作成したいと思います。
3つ適当なViewControllerをファイルとStoryBoardに用意してください。
今回サンプルではFirstViewController、SecondViewController、ThirdViewControllerを用意したものとしてコードを書いていきます。
UIPageViewControllerを準備
まずUIPageViewControllerクラスを継承したファイルを作成してください。
今回のサンプルコードではPageViewControllerとしています。
1 2 3 | importUIKit classPageViewController: UIPageViewController{ |
StoryboardにUIPageViewControllerを作成しPageViewController関連付けをしてください。
このStoryboardにはFirstViewController、SecondViewController、ThirdViewControllerが用意されているのが前提とします。
最初の画面を設定
起動時にFirstViewControllerが表示されるように設定したいと思います。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | classPageViewController: UIPageViewController{ overridefuncviewDidLoad(){ super.viewDidLoad() self.setViewControllers([getFirst()],direction:.forward,animated:true,completion:nil) self.dataSource=self } funcgetFirst()->FirstViewController{ returnstoryboard!.instantiateViewController(withIdentifier:"FirstViewController")as!FirstViewController } funcgetSecond()->SecondViewController{ returnstoryboard!.instantiateViewController(withIdentifier:"SecondViewController")as!SecondViewController } funcgetThird()->ThirdViewController{ returnstoryboard!.instantiateViewController(withIdentifier:"ThirdViewController")as!ThirdViewController } overridefuncdidReceiveMemoryWarning(){ super.didReceiveMemoryWarning() } } |
setViewControllersでgetSecondもしくはgetThirdを行うことで最初に表示する画面をFirstViewController以外にすることも可能です。
UIPageViewControllerDataSourceの編集
UIPageViewControllerDataSourceを編集し画面を切り替えの設定を行います。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | extensionPageViewController: UIPageViewControllerDataSource{ funcpageViewController(_pageViewController:UIPageViewController,viewControllerBefore viewController:UIViewController)->UIViewController?{ ifviewController.isKind(of:ThirdViewController.self){ returngetSecond() }elseifviewController.isKind(of:SecondViewController.self){ returngetFirst() }else{ returnnil } } funcpageViewController(_pageViewController:UIPageViewController,viewControllerAfter viewController:UIViewController)->UIViewController?{ ifviewController.isKind(of:FirstViewController.self){ returngetSecond() }elseifviewController.isKind(of:SecondViewController.self){ returngetThird() }else{ returnnil } } } |
現在の画面を判断しpageViewController(___After_)、pageViewController(___before_)メソッドで適切な画面を返すようにしています。今回はループをしないようにnilを返している箇所もありますがここでViewControllerを返すことで画面をループさせることも可能です。
さいごに
かなり駆け足でしたがUIPageViewControllerの基礎的な使い方の紹介になります。ちょっと知識がないと敷居が高いように感じますが使うだけならこのように結構簡単にいけますし、使いどころもあると思うので是非使ってみてください。