如何在SKSpriteNode中使用PDF/SVG矢量图实现自动缩放？

当然可以实现！核心思路和UIImageView的逻辑类似，只是SpriteKit没有直接提供adjustsImageSizeForAccessibilityContentSizeCategory这类属性，需要我们手动补全适配逻辑。下面是具体的实现步骤：

1. 正确加载矢量图并保留矢量数据 #

首先要确保加载的UIImage保留了矢量数据，这一步和UIImageView的配置逻辑一致：

• 加载PDF时指定scale: 1.0（对应"Single Scale"）
• 显式设置preservesVectorRepresentation = true

示例代码：

// 加载本地PDF文件
guard let pdfURL = Bundle.main.url(forResource: "YourVectorAsset", withExtension: "pdf"),
      let pdfData = try? Data(contentsOf: pdfURL) else {
    print("Failed to load PDF asset")
    return
}

// 以单倍缩放加载，确保矢量数据被保留
let vectorImage = UIImage(data: pdfData, scale: 1.0)
vectorImage?.preservesVectorRepresentation = true

如果是SVG文件（iOS 13+支持），可以这样加载：

guard let svgURL = Bundle.main.url(forResource: "YourSVGAsset", withExtension: "svg"),
      let svgData = try? Data(contentsOf: svgURL) else {
    print("Failed to load SVG asset")
    return
}

let vectorImage = UIImage(svgData: svgData)
vectorImage?.preservesVectorRepresentation = true

2. 将矢量UIImage转为SKTexture并初始化SKSpriteNode #

直接用保留矢量数据的UIImage创建SKTexture即可，SpriteKit会在节点缩放时自动渲染矢量图，不会出现像素模糊：

guard let vectorImage = vectorImage else { return }

// 创建纹理和精灵节点
let texture = SKTexture(image: vectorImage)
let spriteNode = SKSpriteNode(texture: texture)

// 设置初始大小为矢量图的原始点大小
spriteNode.size = vectorImage.size
// 保持默认的过滤模式（.linear），确保缩放平滑
spriteNode.texture?.filteringMode = .linear

3. 适配Accessibility内容大小变化 #

SpriteKit没有内置的自动适配逻辑，所以我们需要手动监听内容大小变化的通知，然后调整节点大小：

// 在SKScene的初始化方法（比如init(size:)）中添加监听
NotificationCenter.default.addObserver(self,
                                       selector: #selector(handleContentSizeCategoryChange),
                                       name: UIContentSizeCategory.didChangeNotification,
                                       object: nil)

// 处理内容大小变化的方法
@objc private func handleContentSizeCategoryChange() {
    guard let vectorImage = vectorImage else { return }
    // 获取系统提供的缩放比例，适配当前的内容大小类别
    let scaleFactor = UIFontMetrics.default.scaledValue(for: 1.0)
    // 调整精灵节点的大小
    spriteNode.size = CGSize(width: vectorImage.size.width * scaleFactor,
                             height: vectorImage.size.height * scaleFactor)
}

关键注意事项 #

• iOS版本兼容：preservesVectorRepresentation是iOS 11+的API，如果你需要兼容更低版本，可能需要借助第三方库（比如SVGKit）来处理矢量图渲染。
• 性能考量：复杂的矢量图在频繁缩放时可能会有轻微的性能损耗，但对于普通图标类的矢量资源，完全不用担心。
• 避免错误配置：不要将SKTexture的filteringMode设置为.nearest，否则缩放时会出现像素化，破坏矢量图的优势。

这样设置后，你的SKSpriteNode就可以像UIImageView一样，基于矢量图自适应缩放，同时响应Accessibility的内容大小变化，完全不需要创建@2x、@3x的位图资源。

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