ViewControllerTransition實(shí)現(xiàn)京東加購(gòu)物車效果-創(chuàng)新互聯(lián)

這篇文章中我們主要來敘述一下上述動(dòng)畫效果的實(shí)現(xiàn)方案。主要涉及 View Controller 轉(zhuǎn)場(chǎng)動(dòng)畫的知識(shí)。

成都創(chuàng)新互聯(lián)是由多位在大型網(wǎng)絡(luò)公司、廣告設(shè)計(jì)公司的優(yōu)秀設(shè)計(jì)人員和策劃人員組成的一個(gè)具有豐富經(jīng)驗(yàn)的團(tuán)隊(duì)，其中包括網(wǎng)站策劃、網(wǎng)頁(yè)美工、網(wǎng)站程序員、網(wǎng)頁(yè)設(shè)計(jì)師、平面廣告設(shè)計(jì)師、網(wǎng)絡(luò)營(yíng)銷人員及形象策劃。承接：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)制作、網(wǎng)站建設(shè)與維護(hù)、網(wǎng)絡(luò)推廣、數(shù)據(jù)庫(kù)開發(fā),以高性價(jià)比制作企業(yè)網(wǎng)站、行業(yè)門戶平臺(tái)等全方位的服務(wù)。

我搭建了個(gè)人站點(diǎn)，那里有更多內(nèi)容，請(qǐng)多多指教。點(diǎn)我哦?。?！

Presenting a View Controller

顯示一個(gè) View Controller 主要有一下幾種方式：

• 使用 segues 自動(dòng)顯示 View Controller；
• 使用 showViewController:sender: 和 showDetailViewController:sender: 方法顯示 View Controller；
• 調(diào)用 presentViewController:animated:completion: 方法依模態(tài)形式顯示 View Controller

通過上述方式，我們可以將一個(gè) View Controller 顯示出來，而對(duì)于顯示地形式，我們可以使用 UIKit 中預(yù)定義的形式，也可以自定義（即自定義轉(zhuǎn)場(chǎng)動(dòng)畫）。

Customizing the Transition Animations

自定義轉(zhuǎn)場(chǎng)動(dòng)畫中，主要包含以下幾個(gè)組件：

• Presenting View Controller（正在顯示的 View Controller）
• Animator（動(dòng)畫管理者）
• Presented View Controller（要顯示的 View Controller）
• Transitioning Delegate Object（轉(zhuǎn)場(chǎng)代理，用來提供 Animator 對(duì)象）

實(shí)現(xiàn)自定義轉(zhuǎn)場(chǎng)動(dòng)畫，通常按照以下幾個(gè)步驟來完成

• 創(chuàng)建 Presented View Controller；
• 創(chuàng)建 Animator；
• 設(shè)置 Presented View Controller 的 transitioningDelegate 屬性，并實(shí)現(xiàn) UIViewControllerTransitioningDelegate 提供 Animator 對(duì)象；
• 在 Presenting View Controller 中調(diào)用 presentViewController:animated:completion: 顯示 Presented View Controller；

Presented View Controller

這里，我們將 Presented View Controller 本身作為其轉(zhuǎn)場(chǎng)代理，你也可以使用單獨(dú)的代理對(duì)象。

class PresentedViewController: UIViewController {
 let imageView = UIImageView(image: UIImage(named: "jd_add.jpg"))
 override func viewDidLoad() {
  super.viewDidLoad()
  // 1.設(shè)置 transitioningDelegate（轉(zhuǎn)場(chǎng)代理）
  transitioningDelegate = self
  modalPresentationStyle = .custom
  view.addSubview(imageView)
 }
 override func viewDidLayoutSubviews() {
  super.viewDidLayoutSubviews()
  imageView.frame = CGRect(x: 0, y: 120, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height - 120)
 }
 override func touchesBegan(_ touches: Set, with event: UIEvent?) {
  self.dismiss(animated: true, completion: nil)
 }
}

當(dāng)前名稱：ViewControllerTransition實(shí)現(xiàn)京東加購(gòu)物車效果-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://m.jiaotiyi.com/article/dpocdj.html