能否将视图的Transform值应用到CAShapeLayer？手势变换实现方法问询

当然可以！完全没问题把视图的Transform值应用到CAShapeLayer上，而且要让捏合、平移、旋转手势的变换只作用于这个子层而不是视图本身，操作起来其实很清晰，我给你一步步拆解：

CAShapeLayer作为CALayer的子类，本身就支持transform属性（类型为CATransform3D），所以不管是视图已有的CGAffineTransform，还是手势生成的变换，都可以转换成对应的CATransform3D后直接赋值给它。

1. 初始化并添加CAShapeLayer到视图 #

先创建好你的形状图层，设置好路径、填充色等样式，然后把它添加到视图的layer层级中：

// Swift 示例
private let shapeLayer = CAShapeLayer()

override func viewDidLoad() {
    super.viewDidLoad()
    // 设置shapeLayer的基础样式
    shapeLayer.path = UIBezierPath(rect: CGRect(x: 50, y: 50, width: 200, height: 200)).cgPath
    shapeLayer.fillColor = UIColor.blue.cgColor
    shapeLayer.strokeColor = UIColor.black.cgColor
    shapeLayer.lineWidth = 2.0
    // 添加到视图的layer
    view.layer.addSublayer(shapeLayer)
}

2. 给视图添加手势识别器 #

把捏合、旋转、平移手势都添加到视图上，并且要允许多个手势同时识别（毕竟捏合+旋转是很常见的组合操作）：

override func viewDidLoad() {
    super.viewDidLoad()
    // ... 上面的shapeLayer初始化代码 ...
    
    // 捏合手势
    let pinchGesture = UIPinchGestureRecognizer(target: self, action: #selector(handlePinch(_:)))
    // 旋转手势
    let rotationGesture = UIRotationGestureRecognizer(target: self, action: #selector(handleRotation(_:)))
    // 平移手势
    let panGesture = UIPanGestureRecognizer(target: self, action: #selector(handlePan(_:)))
    
    // 添加到视图
    view.addGestureRecognizer(pinchGesture)
    view.addGestureRecognizer(rotationGesture)
    view.addGestureRecognizer(panGesture)
    
    // 设置代理以允许同时识别多个手势
    pinchGesture.delegate = self
    rotationGesture.delegate = self
    panGesture.delegate = self
}

// 实现手势代理方法，允许同时识别
extension ViewController: UIGestureRecognizerDelegate {
    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true
    }
}

3. 维护当前的总变换矩阵 #

因为手势的变换是增量式的（每次触发都是基于上一次的变化量），所以我们需要一个变量来保存shapeLayer当前的累计变换：

private var currentLayerTransform = CATransform3DIdentity

4. 分别处理每个手势的变换 #

每个手势触发时，生成对应的变换矩阵，和当前的累计变换合并，然后赋值给shapeLayer的transform属性，同时重置手势的增量值，保证下一次触发是正确的增量：

捏合手势处理

@objc private func handlePinch(_ gesture: UIPinchGestureRecognizer) {
    // 生成缩放变换矩阵
    let scaleTransform = CATransform3DMakeScale(gesture.scale, gesture.scale, 1.0)
    // 合并到当前总变换
    currentLayerTransform = CATransform3DConcat(currentLayerTransform, scaleTransform)
    // 应用到shapeLayer
    shapeLayer.transform = currentLayerTransform
    // 重置手势的scale，下一次触发时是新的增量
    gesture.scale = 1.0
}

旋转手势处理

@objc private func handleRotation(_ gesture: UIRotationGestureRecognizer) {
    // 生成旋转变换矩阵（绕Z轴旋转，2D场景下足够）
    let rotationTransform = CATransform3DMakeRotation(gesture.rotation, 0.0, 0.0, 1.0)
    currentLayerTransform = CATransform3DConcat(currentLayerTransform, rotationTransform)
    shapeLayer.transform = currentLayerTransform
    // 重置手势的rotation
    gesture.rotation = 0.0
}

平移手势处理

@objc private func handlePan(_ gesture: UIPanGestureRecognizer) {
    // 获取手势在视图坐标系中的平移量
    let translation = gesture.translation(in: view)
    // 生成平移变换矩阵
    let translationTransform = CATransform3DMakeTranslation(translation.x, translation.y, 0.0)
    currentLayerTransform = CATransform3DConcat(currentLayerTransform, translationTransform)
    shapeLayer.transform = currentLayerTransform
    // 重置手势的平移量
    gesture.setTranslation(.zero, in: view)
}

• 锚点调整：默认CAShapeLayer的anchorPoint是(0.5, 0.5)（即图层中心），所有变换都会围绕这个点进行。如果你想让变换围绕其他点（比如左上角），需要修改anchorPoint，同时要调整position属性来保证图层位置不变（因为anchorPoint是相对于图层自身的，position是相对于父层的，两者关联）。
• 视图不受影响：整个过程中我们从来没有修改过视图本身的transform属性，所有变换都只作用于CAShapeLayer，所以视图会保持原样，只有子层会跟随手势变换。
• 视图Transform转LayerTransform：如果你的视图已经有了CGAffineTransform想要应用到shapeLayer，可以用CATransform3DMakeAffineTransform(view.transform)把它转换成CATransform3D，然后赋值给shapeLayer.transform即可。

内容的提问来源于stack exchange，提问作者ReB