[Swift通天遁地]九、拔剑吧-(13)创建页面的景深视差滚动效果

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（shanqingyongzhi）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https://www.cnblogs.com/strengthen/p/10357961.html 
➤如果链接不是山青咏芝的博客园地址，则可能是爬取作者的文章。
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

目录：[Swift]通天遁地Swift

景深视差经常被应用在游戏项目中。

本文将演示创建一个简单的景深视差滚动效果

首先确保已经安装了所需的第三方类库。双击查看安装配置文件【Podfile】

platform :ios, '12.0'
use_frameworks!

target 'DemoApp' do
    source 'https://github.com/CocoaPods/Specs.git'
    pod 'Presentation'
end

根据配置文件中的相关设置，安装第三方类库。

安装完成之后，双击打开项目文件【DemoApp.xcodeproj】

在左侧的项目导航区，打开应用程序的代理文件【AppDelegate.swift】。

import UIKit
//引入已经安装的第三方类库
import Presentation

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    //添加一个由第三方类库提供的控制器对象，作为当前类的一个属性。
    lazy var presentationController: PresentationController =
        {
            //对控制器进行初始化操作，
            let controller = PresentationController(pages: [])
            //并隐藏导航条的标题
            controller.setNavigationTitle = false
            
            //返回设置好的控制器对象
            return controller
    }()
    
    //添加一个导航条按钮控件，作为导航条左侧的按钮。
    lazy var leftButton: UIBarButtonItem = { [unowned self] in
        //对导航条按钮进行初始化操作，
        //并设置它的标题，样式和动作属性。
        let button = UIBarButtonItem(title: "Previous page", style: .plain,
                                     target: self.presentationController,
                                     action: #selector(PresentationController.moveBack))
        
        //设置标题的前景颜色为白色
        button.setTitleTextAttributes([NSAttributedString.Key.foregroundColor : UIColor.white], for: .normal)
        //返回设置好的按钮控件
        return button
        }()
    
    //创建另一个导航条按钮控件，作为导航条右侧的按钮。
    lazy var rightButton: UIBarButtonItem = { [unowned self] in
        //对导航条按钮进行初始化操作，并设置它的标题、样式和动作属性。
        let button = UIBarButtonItem(title: "Next page", style: .plain,
                                     target: self.presentationController,
                                     action: #selector(PresentationController.moveForward))
        
        //设置标题的前景颜色为白色，
        button.setTitleTextAttributes([NSAttributedString.Key.foregroundColor : UIColor.white], for: .normal)
        //并返回设置好的按钮控件
        return button
        }()
    

    //在应用程序加载完成的方法中，
    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        
        //设置导航条的前景颜色为橙色。
        UINavigationBar.appearance().barTintColor = UIColor.orange
        //设置导航条的颜色为透明
        UINavigationBar.appearance().barStyle = .blackTranslucent
        
        //设置导航控制器左侧的导航按钮。
        presentationController.navigationItem.leftBarButtonItem = leftButton
        //设置导航控制器右侧的导航按钮。
        presentationController.navigationItem.rightBarButtonItem = rightButton
        
        //调用两个方法
        //方法一：设置滚动的标题
        configureSlides()
        //方法二：设置具有景深效果的背景视图
        configureBackground()
        
        //初始化一个和屏幕尺寸相同的窗口对象
        window = UIWindow(frame: UIScreen.main.bounds)
        //初始化一个导航控制器对象，作为窗口对象的根视图控制器。
        let navigationController = UINavigationController(rootViewController: self.presentationController)
        //设置导航控制器的背景颜色为橙色。
        navigationController.view.backgroundColor = UIColor.orange
        
        //设置窗口对象的根视图控制器，
        window?.rootViewController = navigationController
        //并使窗口对象作为应用程序的主窗口
        window?.makeKeyAndVisible()
        
        return true
    }

    //添加一个方法，用来配置滚动标题
    func configureSlides()
    {
        //初始化一个字体对象
        let font = UIFont(name: "ArialRoundedMTBold", size: 32.0)!
        //初始化一个颜色对象
        let color = UIColor.white
        //初始化一个段落样式对象，
        let paragraphStyle = NSMutableParagraphStyle()
        //并设置段落的对齐方式为居中
        paragraphStyle.alignment = .center
        
        //初始化一个属性常量，作为标题文字的字体、颜色和段落样式。
        let attributes = [NSAttributedString.Key.font: font, NSAttributedString.Key.foregroundColor: color, NSAttributedString.Key.paragraphStyle: paragraphStyle]
        
        //初始化一个字符串数组，作为五个滚动标题的内容。
        let titles = ["Tutorial on how to make a profit", "Step I", "Step II", "Step III", "Thanks"].map {
            //给每个滚动标题，设置相同的外观样式。
            Content.content(forTitle: $0, attributes: attributes)
        }
        
        //初始化另一个字符串数组，作为滚动子标题的内容。
        //并同样设置子标题的外观样式。
        let texts = ["", "Collect underpants💭", "🎅🎅🏻🎅🏼🎅🏽🎅🏾🎅🏿", "Profit💸", ""].map {
            Content.content(forText: $0, attributes: attributes)
        }
        
        //初始化一个滑动控制器类型的数组对象。
        var slides = [SlideController]()
        
        //添加一个执行五次的循环语句，用来往数组中添加控制器。
        for index in 0...4
        {
            //初始化一个滑动控制器对象，并设置它的标题，子标题和滚动的动画效果
            let controller = SlideController(contents: [titles[index], texts[index]])
            controller.add(animations: [Content.centerTransition(forSlideContent: titles[index]), Content.centerTransition(forSlideContent: texts[index])])
            
            //将滑动控制器对象添加到数组中。
            slides.append(controller)
        }
        
        //滑动控制器对象可以添加多个内容，这里往数组的最后一个控制器中，添加一张图片。
        slides[4].add(content: Content.content(forImage: UIImage(named: "HyperLogo")!))
        
        //将滑动控制器数组添加到景深视图控制器中。
        presentationController.add(slides)
    }
    
    //添加另一个方法，用来配置具有景深效果的背景视图
    func configureBackground()
    {
        //初始化一个图像视图数组，作为背景视图中的三张浮动图片。
        let images = ["Cloud1", "Cloud2", "Cloud1"].map {
            UIImageView(image: UIImage(named: $0))
        }
        
        //添加一个视差内容，并设置它的初始位置在屏幕的最左边。
        let content1 = Content(view: images[0], position: Position(left: -0.3, top: 0.2))
         //添加第二个视差内容，并设置它的初始位置在屏幕的最右边。
        let content2 = Content(view: images[1], position: Position(right: -0.3, top: 0.22))
         //添加第三个视差内容，并设置它的初始位置在屏幕的中心。
        //该视差内容将在标题滚动时，始终保持静止状态。
        let content3 = Content(view: images[2], position: Position(left: 0.5, top: 0.5))
        
        //将三个视差内容，添加到背景视图。
        presentationController.addToBackground([content1, content2, content3])
        
        //设置第一个页面的视差滚动效果，
        presentationController.addAnimations([
            //将第一个视差内容，在水平方向上，向右滚动到0.2的位置
            TransitionAnimation(content: content1, destination: Position(left: 0.2, top: 0.2)),
            //将第二个视差内容，在水平方向上，向左滚动到0.3的位置
            TransitionAnimation(content: content2, destination: Position(right: 0.3, top: 0.22)),
            //给位于中心位置的视图内容，添加一个出栈动画。
            PopAnimation(content: content3, duration: 1.0)
            ], forPage: 0)
        
        //设置第二个页面的视差滚动效果
        presentationController.addAnimations([
            
            //将第一个视差内容，在水平方向上，向右滚动到0.3的位置
            TransitionAnimation(content: content1, destination: Position(left: 0.3, top: 0.2)),
            //将第二个视差内容，在水平方向上，向左滚动到0.4的位置
            TransitionAnimation(content: content2, destination: Position(right: 0.4, top: 0.22))
            ], forPage: 1)
        
        //设置第三个页面的视差滚动效果
        presentationController.addAnimations([
            //将两个视差内容，在水平方向上都滚动到0.5的位置
            TransitionAnimation(content: content1, destination: Position(left: 0.5, top: 0.2)),
            TransitionAnimation(content: content2, destination: Position(right: 0.5, top: 0.22))
            ], forPage: 2)
        
        //设置第四个页面的视差滚动效果
        presentationController.addAnimations([
            //将第一个视差内容，在水平方向上，向右滚动到0.6的位置
            TransitionAnimation(content: content1, destination: Position(left: 0.6, top: 0.2)),
            //将第二个视差内容，在水平方向上，向左滚动到0.7的位置
            TransitionAnimation(content: content2, destination: Position(right: 0.7, top: 0.22))
            ], forPage: 3)
        
        //设置第五个页面的视差滚动效果
        presentationController.addAnimations([
            //将第一个视差内容，在水平方向上，向右滚动到0.8的位置
            TransitionAnimation(content: content1, destination: Position(left: 0.8, top: 0.2)),
            //将第二个视差内容，在水平方向上，向左滚动到0.9的位置
            TransitionAnimation(content: content2, destination: Position(right: 0.9, top: 0.22))
            ], forPage: 4)
    }
    
    func applicationWillResignActive(_ application: UIApplication) {
        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
    }

    func applicationDidEnterBackground(_ application: UIApplication) {
        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
    }

    func applicationWillEnterForeground(_ application: UIApplication) {
        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
    }

    func applicationDidBecomeActive(_ application: UIApplication) {
        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
    }

    func applicationWillTerminate(_ application: UIApplication) {
        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
    }
}