CGAffineTransform链式调用的问题-优快云博客

本文链接：https://blog.youkuaiyun.com/u012201746/article/details/75084679

本文通过示例探讨了CGAffineTransform中translate、scale和rotate链式调用的顺序对视图位置和大小的影响。发现变换顺序不同会导致最终效果的差异，例如缩放会影响后续的所有移动操作，而旋转会对后续的平移产生变化。这些发现对于精确控制视图变换至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Demo 地址

今天使用CGAffineTransform遇到一个问题，可能是坑，在这说明下：

CGAffineTransform 提供了3个Api给大家用：

移动：（A）

public func translatedBy(x tx:CGFloat, y ty:CGFloat) ->CGAffineTransform

缩放：（B）

public func scaledBy(x sx:CGFloat, y sy:CGFloat) ->CGAffineTransform

旋转： (C)

public func rotated(by angle:CGFloat) ->CGAffineTransform

swift Api提供了返回值CGAffineTransform，我们可以链式调用，很方便 view.A.B.C (A B C 代表上面的3个Api)

现在问题来了：

1. view.A.A.A.A.A.A 或 view.B.B.B.B.B 或 view.C.C.C.C.C.C 方式多次调用，移来移去，缩放缩放，转来转去嘛，很ok

2. view.A.B.C 或 view.B.A.C 或 view.C.A.B 效果会是一样的吗? 答案是NO

3. view.A.A.A.B.B.C 或 view.A.B.C.A.B.C

4. view.[A.A.A.B.B.C] 或 view.[A.B.C.A.B.C] 此种方式不采用链式调用，而是将每次的改变值都累加到一个总的值里，执行一个总值的transform，效果会和3一样吗？答案是NO

具体效果可以看我的Demo里 trans3 trans4trans5 trans6 trans7 trans8

看几个例子：

self.firstView.transform =self.firstView.transform.scaledBy(x:0.2, y: 0.2).translatedBy(x:100.0, y: 100.0)

self.firstView.transform = self.firstView.transform.translatedBy(x:100.0, y: 100.0).scaledBy(x:0.2, y: 0.2)

效果一样吗？答案是NO，frame的大小是一致的，但是center是不一样的。

方式一： center:157.0,336.833333333333 -> center:177.0,356.833333333333 实际移动距离为 0.2*100 = 20

方式二：center:157.0,336.833333333333 -> center:257.0,436.833333333333 实际移动距离为100

有点意思：先缩后移的话，移动的距离被缩放了；先移后缩则没问题

self.firstView.transform =self.firstView.transform.scaledBy(x:0.5, y: 0.5).translatedBy(x:100.0, y: 100.0).scaledBy(x:0.4, y: 0.4)

self.firstView.transform = self.firstView.transform.scaledBy(x:0.2, y: 0.2).translatedBy(x:100.0, y: 100.0)

效果会一样吗？答案是NO，frame的大小是一致的，但是center是不一样的。

方式一：center:157.0,336.833333333333 -> center:207.0,386.833333333333 实际移动距离为 0.5*100 = 50

方式二：center:157.0,336.833333333333 -> center:177.0,356.833333333333 实际移动距离为 0.2*100 = 20

有点意思：结合实例1的方式二和实例2的方式一，看的出缩放不会对它前面的移动有改变，只会改变它之后的移动，那是仅对下一个移动起作用，还是对以后所有的移动都起作用呢？我们来看实例3

self.firstView.transform =self.firstView.transform.scaledBy(x:0.5, y: 0.5).translatedBy(x:100.0, y: 100.0).scaledBy(x:0.4, y:0.4).translatedBy(x:100.0, y: 100.0)

self.firstView.transform =self.firstView.transform.scaledBy(x:0.2, y: 0.2).translatedBy(x:200.0, y: 200.0)

效果会一样吗？答案是NO，frame的大小是一致的，但是center是不一样的。

方式一：center:157.0,336.833333333333 -> center:227.0,406.833333333333 实际移动距离为 0.5*（100 + 0.4*100） = 70

方式一：center:157.0,336.833333333333 -> center:197.0,376.833333333333 实际移动距离为 0.2*200 = 40

OK，上面的问题有了答案：缩放会对它右侧所有的移动进行改变。

self.firstView.transform =self.firstView.transform.scaledBy(x:0.5, y: 0.5).translatedBy(x:100.0, y: 100.0).scaledBy(x:0.4, y:0.4).translatedBy(x:100.0, y: 100.0).scaledBy(x:0.5, y: 0.5).translatedBy(x:100.0, y: 100.0)