画面内にPageViewControllerがあるウォークスルー画面を実装する


画面内にPageViewControllerがあるウォークスルー画面を実装する方法です。 一番最後のページを開くとボタンの色が変わります。

PageViewController

ViewController.swift

import UIKit

class ViewController: UIViewController {
    lazy var pageViewController = UIPageViewController(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
    var viewControllers: [UIViewController] = []
    let images: [UIImage] = [UIImage(named: "icon")!, UIImage(named: "slowpoke")!, UIImage(named: "quagsire")!, UIImage(named: "diglett")!]
    lazy var pageControl = UIPageControl()
    let nextButton = UIButton()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.backgroundColor = .white
        
        // Init ViewControllers
        let contentRect = CGRect(x: 40, y: 240, width: view.bounds.width - 80, height: 440)
        for index in 0 ..< images.count {
            let viewController = UIViewController()
            viewController.view.backgroundColor = .white
            viewController.view.tag = index
            
            let imageView = UIImageView()
            imageView.frame.size = contentRect.size
            imageView.image = images[index]
            imageView.contentMode = .scaleAspectFill
            imageView.clipsToBounds = true
            imageView.backgroundColor = .red
            viewController.view.addSubview(imageView)
            
            viewControllers.append(viewController)
        }
        
        // Set PageViewController
        pageViewController.dataSource = self
        pageViewController.delegate = self
        pageViewController.setViewControllers([viewControllers.first!], direction: .forward, animated: true, completion: nil)
        pageViewController.view.frame = contentRect
        view.addSubview(pageViewController.view!)
        
        // Set PageControl
        pageControl.frame = CGRect(x:0, y:view.bounds.height - 160, width:view.bounds.width, height:50)
        pageControl.pageIndicatorTintColor = .lightGray
        pageControl.currentPageIndicatorTintColor = .gray
        pageControl.numberOfPages = images.count
        pageControl.currentPage = 0
        pageControl.isUserInteractionEnabled = false
        view.addSubview(pageControl)
        
        // Set NextButton
        nextButton.frame = CGRect(x: 40, y: view.bounds.size.height - 100, width: view.bounds.size.width - 80, height: 40)
        nextButton.setTitle("Next", for: .normal)
        nextButton.layer.cornerRadius = 20
        nextButton.clipsToBounds = true
        nextButton.backgroundColor = .gray
        nextButton.addTarget(self, action: #selector(nextButtonTapped), for: .touchUpInside)
        view.addSubview(nextButton)
    }
    
    @objc func nextButtonTapped() {
        print("nextButtonTapped")
    }
    
    private func setNextButtonStatus(index: Int) {
        if index == images.count - 1 {
            // last page
            nextButton.backgroundColor = .orange
            nextButton.isEnabled = true
        } else {
            // Other than the last page
            nextButton.backgroundColor = .gray
            nextButton.isEnabled = false
        }
    }
}

extension ViewController: UIPageViewControllerDataSource {
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
        var index = viewController.view.tag
        pageControl.currentPage = index
        setNextButtonStatus(index: index)
        
        if index == images.count - 1{
            return nil
        }
        index = index + 1
        return viewControllers[index]
    }
    
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
        var index = viewController.view.tag
        pageControl.currentPage = index
        setNextButtonStatus(index: index)
        
        index = index - 1
        if index < 0{
            return nil
        }
        return viewControllers[index]
    }
}

extension ViewController: UIPageViewControllerDelegate {
    func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating: Bool, previousViewControllers: [UIViewController], transitionCompleted: Bool) {
        print("didFinishAnimating")
    }
}