[Swift通天遁地]九、拔剑吧-(14)创建更美观的景深视差滚动效果

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

目录：[Swift]通天遁地Swift

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

本文将演示创建更美观的景深视差滚动效果。

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

platform :ios, '12.0'
use_frameworks!

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

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

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

在左侧的项目导航区，打开视图控制器的代码文件【ViewController.swift】

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

//修改当前类的父类，这里使用第三方类库提供的父类
class ViewController: PresentationController {

    //添加一个结构体类型，
    //用来更加方便的管理背景视图中的视差图片，
    //四个属性依次表示：
    struct BackgroundImage
    {
        //图片的名称
        let name: String
        //水平初始位置
        let left: CGFloat
        //垂直初始位置
        let top: CGFloat
        //滚动的速度
        let speed: CGFloat
        
        //添加一个初始化方法，用来初始化结构体的各个属性。
        init(name: String, left: CGFloat, top: CGFloat, speed: CGFloat)
        {
            //依次设置各个属性的值
            self.name = name
            self.left = left
            self.top = top
            self.speed = speed
        }
        
        //添加一个方法，用来获取当滚动到某个页面时到位置属性
        func positionAt(_ index: Int) -> Position?
        {
            //添加一个位置变量
            var position: Position?
            
            //判断当前是否时是需要显示滚动效果的页面。
            if index == 0 || speed != 0.0
            {
                //根据起始位置、当前页面的序号、计算当前页面的视差图片的水平位置。
                let currentLeft = left + CGFloat(index) * speed
                //设置视差图片的新的位置，视差图片的垂直坐标，是保持不变的。
                position = Position(left: currentLeft, top: top)
            }
            
            //返回设置好的位置
            return position
        }
    }
    
    //添加一个导航条按钮控件，作为导航条左侧的按钮
    lazy var leftButton: UIBarButtonItem =
        { [unowned self] in
            
            //对导航条按钮进行初始化操作，并设置它的标题、样式和动作属性。
            let leftButton = UIBarButtonItem(title: "Previous", style: .plain,
                                             target: self, action: #selector(moveBack))
            
            //设置标题的前景颜色为黑色
            leftButton.setTitleTextAttributes(
                [NSAttributedString.Key.foregroundColor : UIColor.black], for: .normal)
            
            //返回设置好的按钮控件
            return leftButton
            }()
    
    //创建另一个导航条按钮控件，作为导航条右侧的按钮。
    lazy var rightButton: UIBarButtonItem =
        { [unowned self] in
            
            //对导航条按钮k进行初始化操作，并设置它的标题、样式和动作属性。
            let rightButton = UIBarButtonItem(title: "Next", style: .plain,
                                              target: self, action: #selector(moveForward))
            
            //设置标题文字的前景颜色为黑色。
            rightButton.setTitleTextAttributes(
                [NSAttributedString.Key.foregroundColor : UIColor.black], for: .normal)
            
            //返回设置好的按钮控件。
            return rightButton
            }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //依次设置导航控制器左侧和右侧的导航按钮。
        navigationItem.leftBarButtonItem = leftButton
        navigationItem.rightBarButtonItem = rightButton
        
        //设置根视图的背景颜色。
        view.backgroundColor = UIColor(red: 1.0, green: 188.0/255, blue: 0, alpha: 1)
        
        //调用两个方法：
        //方法一：用来设置滚动的标题
        configureSlides()
        //方法二：用来设置具有景深效果的背景视图。
        configureBackground()
    }

    //添加一个方法，用来配置滚动标题
    func configureSlides()
    {
        //初始一个字体对象
        let font = UIFont(name: "HelveticaNeue", size: 24.0)!
        //初始化一个颜色对象
        let color = UIColor(red: 1.0, green: 232.0/255, blue: 169.0/255, alpha: 1)
        //作为标题文字的字体和颜色。
        
        //初始化一个段落样式对象
        let paragraphStyle = NSMutableParagraphStyle()
        //设置段落样式的对齐方式为居中
        paragraphStyle.alignment = NSTextAlignment.center
        
        //初始化一个属性常量，作为标题文字的字体、颜色和段落样式。
        let attributes = [NSAttributedString.Key.font: font, NSAttributedString.Key.foregroundColor: color, .paragraphStyle: paragraphStyle]
        
        //初始化一个字符串数组，作为五个滚动标题的内容。
        let titles = [
            "Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight.",
            "It's measured by the angle or semi-angle of inclination between those two lines.",
            "The term is derived from the Greek word παράλλαξις (parallaxis), meaning 'alteration'.",
            "Nearby objects have a larger parallax than more distant objects when observed from different positions.",
            "http://www.coolketang.com"]
            //对标题数组进行遍历，设置标题的样式
            .map
            { title -> Content in
                //初始化一个标签对象，
                let label = UILabel(frame: CGRect(x: 0, y: 0,  550, height: 200))
                //设置标签对象最多显示的行数
                label.numberOfLines = 5
                //设置标签对象显示的文字内容，和文字的外观样式。
                label.attributedText = NSAttributedString(string: title, attributes: attributes)
                //初始化一个位置对象
                let position = Position(left: 0.0, top: 0.35)
                
                //使用标签和位置初始化一个内容对象，并返回内容对象作为页面的标题
                return Content(view: label, position: position)
        }
        
        //初始化一个滑动控制器类型的数组对象。
        var slides = [SlideController]()
        
        //添加一个执行五次的循环语句，用来往数组中添加控制器。
        for index in 0...(titles.count - 1)
        {
            //初始化一个滑动控制器对象，并设置它的标题内容
            let controller = SlideController(contents: [titles[index]])
            //往滑动控制器中，添加一个标题滚动的动画。
            controller.add(animations: [Content.centerTransition(forSlideContent: titles[index])])
           
            if(index == titles.count - 1)
            {
                controller.setLast()
            }
            
             //将配置好的滑动控制器，添加到数组中。
            slides.append(controller)
        }
        
        //将滑动控制器数组添加到景深视图控制器中。
        add(slides)
    }
    
    //添加另一个方法，用来配置具有景深效果的背景视图。
    func configureBackground()
    {
        //初始化一个图像视图数组，作为背景视图中的视差图片。
        let backgroundImages =
            [
                //往数组中，依次添加同结构体类型，生成的九张视差图片，
                //并设置每张视查图片的名称、位置、和速度等属性。
                BackgroundImage(name: "Trees", left: 0.0, top: 0.743, speed: -0.3),
                BackgroundImage(name: "Bus", left: 0.02, top: 0.77, speed: 0.25),
                BackgroundImage(name: "Truck", left: 1.3, top: 0.73, speed: -1.5),
                BackgroundImage(name: "Roadlines", left: 0.0, top: 0.79, speed: -0.24),
                BackgroundImage(name: "Houses", left: 0.0, top: 0.627, speed: -0.16),
                BackgroundImage(name: "Hills", left: 0.0, top: 0.51, speed: -0.08),
                BackgroundImage(name: "Mountains", left: 0.0, top: 0.29, speed: 0.0),
                BackgroundImage(name: "Clouds", left: -0.415, top: 0.14, speed: 0.18),
                BackgroundImage(name: "Sun", left: 0.8, top: 0.07, speed: 0.0)
        ]
        
        //添加一个内容类型的数组。
        var contents = [Content]()
        
        //对视差图片数组进行遍历，从而创建九个视差内容，
        //并放置在数组中。
        for backgroundImage in backgroundImages
        {
            //从指定的结构体中，获得图片的名称，然后初始化一个指定图片名称的图像视图。
            let imageView = UIImageView(image: UIImage(named: backgroundImage.name))
            //获得结构体中的视差图片的位置。
            if let position = backgroundImage.positionAt(0)
            {
                //初始化一个指定视图、位置和中心点属性的视差内容。然后将视差内容添加到数组中。
                contents.append(Content(view: imageView, position: position, centered: false))
            }
        }
        
        //将所有的视差内容添加到背景视图中
        addToBackground(contents)
        
        //添加另一个执行五次的循环语句，给每个页面添加一个视差动画。
        for row in 1...4
        {
            //对数组中的视差内容进行遍历
            for (column, backgroundImage) in backgroundImages.enumerated()
            {
                //获得视差内容，以及视差内容的当前位置。
                if let position = backgroundImage.positionAt(row), let content = contents.at(column)
                {
                    //初始化一个过渡动画对象，并设置动画对象的视差内容、目标位置、动画时长和阻尼值
                    addAnimation(TransitionAnimation(content: content, destination: position, duration: 2.0, damping: 1.0), forPage: row)
                }
            }
        }
        
        //创建一个指定显示区域的视图对象，作为视差背景的地面视图
        let groundView = UIView(frame: CGRect(x: 0, y: 0,  1024, height: 60))
        //设置地面视图的背景颜色，
        groundView.backgroundColor = UIColor(red: 1.0, green: 205.0/255, blue: 65/255.0, alpha: 1.0)
        //将地面视图转换成一个内容对象，并设置它的位置。
        let groundContent = Content(view: groundView,
                                    position: Position(left: 0.0, bottom: 0.063), centered: false)
        //将地面内容对象也添加到数组中。
        contents.append(groundContent)
        
        //将内容数组添加到背景视图。
        addToBackground([groundContent])
    }
}

//添加一个针对数组类型的扩展。
extension Array
{
    //添加一个扩展方法，用来获得在数组中指定位置的元素。
    func at(_ index: Int?) -> Element?
    {
        //创建一个元素变量。
        var object: Element?
        //当元素位置在数组长度范围之内时，根据下标获得数组中的元素。
        if let index = index , index >= 0 && index < endIndex
        {
            object = self[index]
        }
        
        //返回获得的元素
        return object
    }
}

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

在应用程序加载完成的方法中，创建一个导航控制器。

import UIKit

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        
        //清除导航条在默认状态下的背景图片
        UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)
        //清除导航条的阴影图片
        UINavigationBar.appearance().shadowImage = UIImage()
        
        //多上文创建的视图控制器进行初始化操作。
        let vc = ViewController(pages: [])
        //创建一个导航控制器，并设置导航控制器的根视图控制器
        let navigationController = UINavigationController(rootViewController: vc)
        //设置窗口对象的根视图控制器，为导航控制器。
        window?.rootViewController = navigationController
         //并将窗口对象作为应用程序的主窗口。
        window?.makeKeyAndVisible()

        return true
    }

    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:.
    }
}