iOS - 音视频/图文/动画iOS - 大杂烩iOS-swift

(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
上一篇下一篇

猜你喜欢

热点阅读