CATransition動(dòng)畫(huà)主要在過(guò)渡時(shí)使用篷扩,比如兩個(gè)頁(yè)面層級(jí)改變的時(shí)候添加一個(gè)轉(zhuǎn)場(chǎng)效果。CATransition分為兩類(lèi),一類(lèi)是公開(kāi)的動(dòng)畫(huà)效果祷舀,一類(lèi)是非公開(kāi)的動(dòng)畫(huà)效果。
1烹笔,公開(kāi)動(dòng)畫(huà)效果:
kCATransitionFade:翻頁(yè) kCATransitionMoveIn:彈出 kCATransitionPush:推出 kCATransitionReveal:移除
2裳扯,非公開(kāi)動(dòng)畫(huà)效果:
"cube":立方體 "suckEffect":吸收 "oglFlip":翻轉(zhuǎn) "rippleEffect":波紋 "pageCurl":卷頁(yè) "cameraIrisHollowOpen":鏡頭開(kāi) "cameraIrisHollowClose":鏡頭關(guān)
3,動(dòng)畫(huà)方向類(lèi)型:
kCATransitionFromRight:從右側(cè)開(kāi)始實(shí)現(xiàn)過(guò)渡動(dòng)畫(huà) kCATransitionFromLeft:從左側(cè)開(kāi)始實(shí)現(xiàn)過(guò)渡動(dòng)畫(huà) kCATransitionFromTop:從頂部開(kāi)始實(shí)現(xiàn)過(guò)渡動(dòng)畫(huà) kCATransitionFromBottom:從底部開(kāi)始實(shí)現(xiàn)過(guò)渡動(dòng)畫(huà)
4谤职,下面通過(guò)一個(gè)樣例演示:
頁(yè)面上添加兩個(gè)分別是紅色饰豺,藍(lán)色的UIView。當(dāng)點(diǎn)擊屏幕的時(shí)候允蜈,這兩個(gè)UIView層級(jí)切換冤吨,同時(shí)會(huì)有從左向右推出的效果。
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let redView:UIView = UIView(frame: CGRectMake(20,20,280,400))
redView.backgroundColor = UIColor.redColor()
self.view.insertSubview(redView, atIndex: 0)
let blueView:UIView = UIView(frame: CGRectMake(20,20,280,400))
blueView.backgroundColor = UIColor.blueColor()
self.view.insertSubview(blueView, atIndex: 1)
}
//點(diǎn)擊切換兩個(gè)紅藍(lán)視圖
override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
let transition = CATransition()
transition.duration = 3.0
transition.type = kCATransitionPush //推送類(lèi)型
transition.subtype = kCATransitionFromLeft //從左側(cè)
self.view.exchangeSubviewAtIndex(1, withSubviewAtIndex: 0)
self.view.layer.addAnimation(transition, forKey: nil)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}