（iOS, Swift）用 CGAffineTransform
2017-10-28 本文已影响1068人
raymondCaptain
CGAffineTransform
平面单次变换：
// 缩放
self.captainLabel.transform = CGAffineTransform(scaleX: 2, y: 2)
// 旋转
self.captainLabel.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)
// 平移
self.captainLabel.transform = CGAffineTransform(translationX: 100, y: 100)
平面持续变换:
即每次都在原有基础上再变换:
需要使用到 CGAffineTransform 的 concatenating(_:) 方法
/* 用来让 CGAffineTransform实例 关联我们指定的 CGAffineTransform 实例 */
/* 通过关联我们上次变换后的CGAffineTransform实例, 就可以实现每次都在上次变换的基础上再进行变换 */
/* 其实是向量相乘 */
/* 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)
// 旋转
self.captainLabel.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2).concatenating(self.captainLabel.transform)
// 平移
self.captainLabel.transform = CGAffineTransform(translationX: 100, y: 100).concatenating(self.captainLabel.transform)
}
}
平面反向动画:
比如逆时针旋转:
需要使用到 CGAffineTransform 的 inverted() 方法
/* Invert `t' and return the result. If `t' has zero determinant, then `t'
is returned unchanged. */
/* 对 调用该方法的 CGAffineTransform实例 进行取反 并返回 */
@available(iOS 2.0, *)
public func inverted() -> CGAffineTransform
事例代码:
// 逆时针旋转
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)为轴, 旋转90度
// y 轴方向放大两倍
self.captainLabel.layer.transform = CATransform3DMakeScale(1, 2, 1)
// 以向量(1, 1, 1)为轴, 旋转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持续变换:
即每次都在原有基础上再变换:
持续以向量(1, 1, 1)为轴旋转, 每次旋转90度
第一种方法
Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { (_) in
UIView.animate(withDuration: 1) {
// 持续以向量(1, 1, 1)为轴旋转, 每次旋转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(::) 方法
/* 用来关联两个 CATransform3DConcat 实例 */
/* 通过关联我们上次变换后的CATransform3DConcat实例, 就可以实现每次都在上次变换的基础上再进行变换 */
/* 其实是向量相乘 */
/* 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)为轴, 旋转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反向动画:
比如逆向针旋转:
持续以向量(1, 1, 1)为轴反向旋转, 每次旋转90度
需要使用到 CATransform3DInvert(_:) 方法
/* Invert 't' and return the result. Returns the original matrix if 't'
* has no inverse. */
/* 对指定的 CGAffineTransform实例 进行取反 并返回 */
@available(iOS 2.0, *)
public func CATransform3DInvert(_ t: CATransform3D) -> CATransform3D
事例代码
Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { (_) in
UIView.animate(withDuration: 1) {
// 持续以向量(1, 1, 1)为轴反向旋转, 每次旋转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 创建 CATransform3D
即通过 平面变换 创建 3D变换
/* Return a transform with the same effect as affine transform 'm'. */
@available(iOS 2.0, *)
public func CATransform3DMakeAffineTransform(_ m: CGAffineTransform) -> CATransform3D
创建后可以结合其他CATransform3D的方法使用, 比如 CATransform3DConcat(::) 等
CATransform3DIsAffine(:)和CATransform3DGetAffineTransform(_:)
CATransform3DIsAffine(:)
判断一个 CATransform3D的实例 是否可以等效转换为 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的实例 可以等效转换为 CGAffineTransform的实例，则转化为 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
