[Swift通天遁地]九、拔剑吧-(8)创建气泡式页面切换效果

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

目录：[Swift]通天遁地Swift

本文将演示使用第三方类库，创建页面之间的气泡式切换效果。

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

platform :ios, '12.0'
use_frameworks!

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

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

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

首先创建一个自定义的视图控制器，以实现两个页面之间的跳转。

在项目文件夹上点击鼠标右键，弹出右键菜单。

【New File】->【Cocoa Touch】->【Next】->

【Class】：AnimationController

【Subclass of】:UIViewController

【Language】：Swift

->【Next】->【Create】

点击打开【AnimationController.swift】,

现在开始编写代码，创建视图控制器的界面。

import UIKit

class AnimationController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //添加一个按钮，当按钮点击该按钮时，关闭被打开的视图控制器。
        let button = UIButton(frame: CGRect(x: 130, y: 80,  60, height: 60))
        //设置按钮的背景颜色为白色
        button.backgroundColor = UIColor.white
        //通过将圆角半径设置为尺寸的一半，从而创建一个圆形按钮。
        button.layer.cornerRadius = 30
        //设置按钮在正常状态下的前景文字。
        button.setTitleColor(UIColor.orange, for:.normal)
        //设置按钮在正常状态下的标题文字。
        button.setTitle("X", for: .normal)
        //设置按钮标题的字体属性。
        button.titleLabel?.font = UIFont(name: "Arial", size: 28)
        //给按钮控件绑定点击事件。
        button.addTarget(self, action: #selector(AnimationController.dismissViewController(_:)), for: .touchUpInside)
        
        //将按钮控件添加到根视图
        self.view.addSubview(button)
    }
    
    //添加一个方法，用来响应按钮的点击事件。
    @objc func dismissViewController(_ btn:UIButton)
    {
        //当用户点击该按钮时，关闭当前的视图控制器。
        self.dismiss(animated: true, completion: nil)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

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

现在开始编写代码，实现气泡式的页面切换效果。

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

//使当前的类，遵循视图控制器的页面切换代理协议。
class ViewController: UIViewController, UIViewControllerTransitioningDelegate {

    //添加一个按钮，作为当前类的一个属性。
    //当用户点击该按钮时，以气泡方式打开另一个视图控制器。
    var button : UIButton!
    //初始化一个气泡切换对象。
    var transition = BubbleTransition()
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //对按钮进行初始化操作，设置按钮的显示区域。
        button = UIButton(frame: CGRect(x: 130, y: 400,  60, height: 60))
        //设置按钮的背景颜色为橙色。
        button.backgroundColor = UIColor.orange
        //设置按钮在正常状态下的标题文字。
        button.setTitle("Open", for: .normal)
        //通过将圆角半径设置为尺寸的一半，从而创建另一个圆形按钮。
        button.layer.cornerRadius = 30
        
        //给按钮绑定点击事件
        button.addTarget(self, action: #selector(ViewController.popViewController(_:)), for: .touchUpInside)
        //最后将按钮添加到根视图。
        self.view.addSubview(button)
    }
    
    //添加一个方法，用来响应按钮的点击事件。
    @objc func popViewController(_ btn:UIButton)
    {
        //初始化刚刚创建的视图控制器。
        let vc = AnimationController()
        //设置该视图控制器的切换代理 ，为当前的视图控制器。
        vc.transitioningDelegate = self
        //设置视图控制器的切换方式为自定义
        vc.modalPresentationStyle = .custom
        //在当前的视图控制器，打开另一个视图控制器。
        self.present(vc, animated: true, completion: nil)
    }
    
    //添加一个代理方法，用来监听视图控制器被打开的事件。
    public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning?
    {
        //设置视图控制器的切换模式为展示模式。
        transition.transitionMode = .present
        //设置气泡的起点位置，为按钮的中心点
        transition.startingPoint = button.center
        //设置气泡的填充颜色为按钮的背景颜色
        transition.bubbleColor = button.backgroundColor!
        
        //返回设置好的切换对象。
        return transition
    }
    
    //添加一个方法，用来监听视图控制器被关闭的事件。
    public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning?
    {
        //设置视图控制器的切换模式为消失模式
        transition.transitionMode = .dismiss
        //设置消失气泡的起点位置，为按钮控件的中心点。
        transition.startingPoint = button.center
        //设置气泡的填充颜色，为按钮控件的背景颜色。
        transition.bubbleColor = button.backgroundColor!
        
        //返回设置好的切换工作
        return transition
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}