CGAffineTransform
平面單次變換：
// 縮放
self.captainLabel.transform = CGAffineTransform(scaleX: 2, y: 2)
// 旋轉(zhuǎn)
self.captainLabel.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)
// 平移
self.captainLabel.transform = CGAffineTransform(translationX: 100, y: 100)
平面持續(xù)變換:
即每次都在原有基礎(chǔ)上再變換:
需要使用到 CGAffineTransform 的 concatenating(_:) 方法
/* 用來讓 CGAffineTransform實例 關(guān)聯(lián)我們指定的 CGAffineTransform 實例 */
/* 通過關(guān)聯(lián)我們上次變換后的CGAffineTransform實例, 就可以實現(xiàn)每次都在上次變換的基礎(chǔ)上再進(jìn)行變換 */
/* 其實是向量相乘 */
/* Concatenate `t2' to `t1' and return the result:
t' = t1 * t2 */
@available(iOS 2.0, *)
public func concatenating(_ t2: CGAffineTransform) -> CGAffineTransform
事例代碼
Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { (_) in
UIView.animate(withDuration: 1) {
// 縮放
self.captainLabel.transform = CGAffineTransform(scaleX: 2, y: 2).concatenating(self.captainLabel.transform)
// 旋轉(zhuǎn)
self.captainLabel.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2).concatenating(self.captainLabel.transform)
// 平移
self.captainLabel.transform = CGAffineTransform(translationX: 100, y: 100).concatenating(self.captainLabel.transform)
}
}
平面反向動畫:
比如逆時針旋轉(zhuǎn):
需要使用到 CGAffineTransform 的 inverted() 方法
/* Invert `t' and return the result. If `t' has zero determinant, then `t'
is returned unchanged. */
/* 對 調(diào)用該方法的 CGAffineTransform實例 進(jìn)行取反 并返回 */
@available(iOS 2.0, *)
public func inverted() -> CGAffineTransform
事例代碼:
// 逆時針旋轉(zhuǎn)
self.captainLabel.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2).inverted()
// 縮小
self.captainLabel.transform = CGAffineTransform(scaleX: 2, y: 2).inverted()
// 向左邊平移50
self.captainLabel.transform = CGAffineTransform.init(translationX: 100, y: 0).inverted()
CATransform3D
3D單次變換：
以向量(1, 1, 1)為軸, 旋轉(zhuǎn)90度
// y 軸方向放大兩倍
self.captainLabel.layer.transform = CATransform3DMakeScale(1, 2, 1)
// 以向量(1, 1, 1)為軸, 旋轉(zhuǎn)90度
self.captainLabel.layer.transform = CATransform3DMakeRotation(CGFloat.pi / 2, 1, 1, 1)
// 向x軸平移50, 向y軸平移50, 向z軸平移50
self.captainLabel.layer.transform = CATransform3DMakeTranslation(50, 50, 50)
3D持續(xù)變換:
即每次都在原有基礎(chǔ)上再變換:
持續(xù)以向量(1, 1, 1)為軸旋轉(zhuǎn), 每次旋轉(zhuǎn)90度
第一種方法
Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { (_) in
UIView.animate(withDuration: 1) {
// 持續(xù)以向量(1, 1, 1)為軸旋轉(zhuǎn), 每次旋轉(zhuǎn)90度
self.captainLabel.layer.transform = CATransform3DRotate(self.captainLabel.layer.transform, CGFloat.pi / 2, 1, 1, 1)
// x軸和y軸方向每次放大到原來的1.2倍
self.captainLabel.layer.transform = CATransform3DScale(self.captainLabel.layer.transform, 1.2, 1.2, 1)
// 每次向x軸方向移動10, 向y軸方向移動10
self.captainLabel.layer.transform = CATransform3DTranslate(self.captainLabel.layer.transform, 10, 10, 0)
}
}
第二種方法
需要使用到 CATransform3DConcat(::) 方法
/* 用來關(guān)聯(lián)兩個 CATransform3DConcat 實例 */
/* 通過關(guān)聯(lián)我們上次變換后的CATransform3DConcat實例, 就可以實現(xiàn)每次都在上次變換的基礎(chǔ)上再進(jìn)行變換 */
/* 其實是向量相乘 */
/* Concatenate 'b' to 'a' and return the result: t' = a * b. */
@available(iOS 2.0, *)
public func CATransform3DConcat(_ a: CATransform3D, _ b: CATransform3D) -> CATransform3D
事例代碼
Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { (_) in
UIView.animate(withDuration: 1) {
// y 軸方向放大兩倍
let scaleTransform = CATransform3DMakeScale(1, 2, 1)
self.captainLabel.layer.transform = CATransform3DConcat(self.captainLabel.layer.transform, scaleTransform)
// 以向量(1, 1, 1)為軸, 旋轉(zhuǎn)90度
let rotateTransform = CATransform3DMakeRotation(CGFloat.pi / 2, 1, 1, 1)
self.captainLabel.layer.transform = CATransform3DConcat(self.captainLabel.layer.transform, rotateTransform)
// 向x軸平移50, 向y軸平移50, 向z軸平移50
let translateTransform = CATransform3DMakeTranslation(50, 50, 50)
self.captainLabel.layer.transform = CATransform3DConcat(self.captainLabel.layer.transform, translateTransform)
}
}
3D反向動畫:
比如逆向針旋轉(zhuǎn):
持續(xù)以向量(1, 1, 1)為軸反向旋轉(zhuǎn), 每次旋轉(zhuǎn)90度
需要使用到 CATransform3DInvert(_:) 方法
/* Invert 't' and return the result. Returns the original matrix if 't'
* has no inverse. */
/* 對指定的 CGAffineTransform實例 進(jìn)行取反 并返回 */
@available(iOS 2.0, *)
public func CATransform3DInvert(_ t: CATransform3D) -> CATransform3D
事例代碼
Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { (_) in
UIView.animate(withDuration: 1) {
// 持續(xù)以向量(1, 1, 1)為軸反向旋轉(zhuǎn), 每次旋轉(zhuǎn)90度
let rotateTransform = CATransform3DMakeRotation(CGFloat.pi / 2, 1, 1, 1)
self.captainLabel.layer.transform = CATransform3DConcat(self.captainLabel.layer.transform, CATransform3DInvert(rotateTransform))
// x軸和y軸方向每次縮小到原來的1.2倍
let scaleTransform = CATransform3DMakeScale(1.2, 1.2, 1)
self.captainLabel.layer.transform = CATransform3DConcat(self.captainLabel.layer.transform, CATransform3DInvert(scaleTransform))
// 每次向x軸反方向移動10, 向y軸反方向移動10
let translateTransform = CATransform3DMakeTranslation(10, 10, 0)
self.captainLabel.layer.transform = CATransform3DConcat(self.captainLabel.layer.transform, CATransform3DInvert(translateTransform))
}
}
CATransform3D 的其他方法
CATransform3DMakeAffineTransform(_:)
該方法可以通過 CGAffineTransform 創(chuàng)建 CATransform3D
即通過 平面變換 創(chuàng)建 3D變換
/* Return a transform with the same effect as affine transform 'm'. */
@available(iOS 2.0, *)
public func CATransform3DMakeAffineTransform(_ m: CGAffineTransform) -> CATransform3D
創(chuàng)建后可以結(jié)合其他CATransform3D的方法使用, 比如 CATransform3DConcat(::) 等
CATransform3DIsAffine(:)和CATransform3DGetAffineTransform(_:)
CATransform3DIsAffine(:)
判斷一個 CATransform3D的實例 是否可以等效轉(zhuǎn)換為 CGAffineTransform的實例
/* Returns true if 't' can be represented exactly by an affine transform. */
@available(iOS 2.0, *)
public func CATransform3DIsAffine(_ t: CATransform3D) -> Bool
CATransform3DGetAffineTransform(_:)
如果一個 CATransform3D的實例 可以等效轉(zhuǎn)換為 CGAffineTransform的實例，則轉(zhuǎn)化為 CGAffineTransform的實例 并返回
/* Returns the affine transform represented by 't'. If 't' can not be
* represented exactly by an affine transform the returned value is
* undefined. */
@available(iOS 2.0, *)
public func CATransform3DGetAffineTransform(_ t: CATransform3D) -> CGAffineTransform
