[Swift通天遁地]九、拔剑吧-(12)创建Preview-Transition图像预览

1 platform :ios,‘12.0’
2 use_frameworks!
3 
4 target ‘DemoApp‘ do
5     source ‘https://github.com/CocoaPods/Specs.git‘
6     pod "PreviewTransition"
7 end

 1 import UIKit
 2 //引入已经安装的第三方类库
 3 import PreviewTransition
 4 
 5 public class DemoTableViewController: PTTableViewController {
 6   
 7     //初始化一个数组对象，显示图像的名称和标题。
 8   fileprivate let items = [("1","River cruise"),("2","North Island"),("3","Mountain trail"),("4","Southern Coast"),("5","Fishing place")]
 9     
10     //添加一个代理方法，用来设置表格的行数
11     public override func tableView(_ tableView: UITableView,numberOfRowsInSection section: Int) -> Int
12     {
13         //在此设置表格拥有100个单元格
14         return 100
15     }
16     
17     //添加一个代理方法，用来处理单元格即将显示时的事件。
18     public override func tableView(_ tableView: UITableView,willDisplay cell: UITableViewCell,forRowAt indexPath: IndexPath)
19     {
20         //获得当前的单元格，并转换成自定义的单元格对象。
21         guard let cell = cell as? ParallaxCell else { return }
22         
23         //通过当前单元格的行数，以及数组的长度，计算并获得一个整形常量。
24         let index = indexPath.row % items.count
25         //通过计算所有的整形常量，获得数组中的图像名称和标题
26         //所以表格的所有单元格，将重复显示五张图片。
27         let imageName = items[index].0
28         let title = items[index].1
29         
30         //从项目中加载指定名称的图片素材，并在单元格中显示加载的图片。
31         if let image = UIImage(named: imageName)
32         {
33             cell.setImage(image,title: title)
34         }
35     }
36     
37     //添加一个代理方法，用来初始化或复用表格中的单元格。
38     public override func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath) -> UITableViewCell
39     {
40         //根据复用标识，从表格中获取可以复用的单元格，
41         let cell: ParallaxCell = tableView.dequeueReusableCell(withIdentifier: "ParallaxCell",for: indexPath as IndexPath) as! ParallaxCell
42         //并返回该单元格
43         return cell
44     }
45     
46     //添加一个代理方法，用来处理单元格的触摸事件
47     public override func tableView(_ tableView: UITableView,didSelectRowAt indexPath: IndexPath)
48     {
49         //将单元格被点击时，将往导航控制器的堆栈中，压入另一个作为图片详情页面的视图控制器。
50         let storyboard = UIStoryboard(name: "Main",bundle: nil)
51         //获得故事板中的指定唯一标识符的视图控制器。
52         let detaleViewController: DemoDetailViewController = storyboard.instantiateViewController(withIdentifier: "DemoDetailViewController") as! DemoDetailViewController
53         //往导航控制器的堆栈中，压入该视图控制器。
54         pushViewController(detaleViewController)
55     }
56 }

 1 import UIKit
 2 //在当前的类文件中，引入已经安装的第三方类库。
 3 import PreviewTransition
 4 import Pods_DemoApp
 5 
 6 public class DemoDetailViewController: PTDetailViewController {
 7   
 8     //给类添加一个按钮类型的属性。
 9     var backButton: UIButton?
10     
11     public override func viewDidLoad() {
12         super.viewDidLoad()
13         
14         //对按钮进行初始化操作。
15         backButton = UIButton(frame: CGRect(x: 0,y: 0,width: 22,height: 44))
16         //设置按钮在正常状态下的图片。
17         backButton?.setImage(UIImage(named: "back"),for: .normal)
18         //给按钮绑定点击事件。
19         backButton?.addTarget(self,action: #selector(DemoDetailViewController.backButtonHandler),for: .touchUpInside)
20         
21         //初始化一个工具条按钮，作为导航条左侧的按钮。
22         let buttonItem = UIBarButtonItem(customView: backButton!)
23         navigationItem.leftBarButtonItem = buttonItem
24         
25         let animation = CABasicAnimation(keyPath: "opacity")
26         animation.duration = 0.3
27         animation.toValue = 0.0
28         animation.fromValue = 1.0
29         animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaSEOut)
30         animation.beginTime = CACurrentMediaTime()
31  
32     }
33     
34     //添加一个方法，用来响应按钮的点击事件。
35     @objc func backButtonHandler()
36     {
37         popViewController()
38     }
39 }