如何为CAShapeLayer实现图像水平翻转？代码无效问题求助

这问题我之前踩过坑！原因很关键：UIImage的翻转信息是存在自身的imageOrientation属性里的，当你把它转成CGImage时，这些方向元数据会丢失——UIImageView会自动识别UIImage的方向并应用变换，但CALayer只认CGImage的原始像素数据，所以直接赋值自然看不到翻转效果。

给你两种亲测有效的解决方案：

方案一：直接对CALayer应用变换（最简单） #

不需要修改图像本身，直接给CAShapeLayer设置水平翻转的变换矩阵即可。注意翻转后图层会以锚点（默认是图层中心）为轴反转，可能需要调整位置让它回到可视区域：

// 对图层进行水平翻转（x轴缩放-1）
shiplayer.transform = CATransform3DMakeScale(-1, 1, 1)
// 调整位置，避免翻转后图层移出父视图（这里以父视图为view为例）
shiplayer.position = CGPoint(x: view.bounds.width - shiplayer.position.x, y: shiplayer.position.y)

view.layer.addSublayer(shiplayer)

方案二：生成真正翻转的CGImage（适合需要保存或复用翻转图像的场景） #

如果需要让CGImage本身的像素就是翻转后的，可以通过Core Graphics手动绘制翻转后的图像，这样赋值给contents就直接生效了：

// 封装一个生成水平翻转CGImage的工具函数
func horizontallyFlippedCGImage(from image: UIImage) -> CGImage? {
    // 开启和当前图像同尺寸、同缩放的绘图上下文
    UIGraphicsBeginImageContextWithOptions(image.size, false, image.scale)
    defer { UIGraphicsEndImageContext() }
    
    guard let context = UIGraphicsGetCurrentContext() else { return nil }
    
    // 平移上下文到右侧，然后x轴缩放-1实现翻转
    context.translateBy(x: image.size.width, y: 0)
    context.scaleBy(x: -1, y: 1)
    
    // 在翻转后的上下文中绘制原图像
    image.draw(in: CGRect(origin: .zero, size: image.size))
    
    // 从上下文提取图像并转成CGImage
    return UIGraphicsGetImageFromCurrentImageContext()?.cgImage
}

// 使用示例
if let flippedImage = horizontallyFlippedCGImage(from: #imageLiteral(resourceName: "spaceship")) {
    shiplayer.contents = flippedImage
}
view.layer.addSublayer(shiplayer)

简单总结下：UIImageView帮你做了方向适配的工作，但CALayer更底层，需要你要么直接给它加变换，要么提供已经处理好像素方向的CGImage。

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