如何在SpriteKit中实现开关按钮？解决多次点击卡顿问题

嘿，我注意到你在SpriteKit里实现开关按钮时碰到了多次点击卡顿的问题，这大概率是代码里的一些小细节导致的，我来帮你梳理下问题，再给你一个更靠谱的实现方案～

先说说卡顿的核心原因 #

看你现在的代码，每次点击都会调用defaults.synchronize()——这个方法在iOS 10之后就已经被标记为过时了，它的作用是强制把UserDefaults的内容同步到磁盘，这是个同步的IO操作，频繁触发会阻塞主线程，尤其是快速多次点击的时候，卡顿就会很明显。另外，代码里的强制解包(photoSwitch?.contains(location))!也存在崩溃风险，万一photoSwitch是nil，APP直接就挂了。

优化后的实现方案 #

我给你整理了几个优化点，直接替换成下面的代码就能解决卡顿，同时让代码更健壮：

1. 先添加防重复点击的标记

在你的SKScene类里加两个属性，用来控制按钮的冷却时间，防止快速重复点击：

private var isPhotoSwitchProcessing = false
private let switchCooldown: TimeInterval = 0.2 // 0.2秒的冷却时间，可根据需求调整

2. 重构点击处理逻辑

把你原来的点击判断代码替换成下面的版本：

// 先做安全校验：确保按钮节点存在、点击在按钮范围内、且不在冷却中
guard let photoSwitchNode = photoSwitch, 
      photoSwitchNode.contains(location), 
      !isPhotoSwitchProcessing else {
    return
}

// 标记按钮正在处理，暂时屏蔽后续点击
isPhotoSwitchProcessing = true

// 播放开关音效
Sound.play(file: "switch", fileExtension: "mp3", numberOfLoops: 0)

// 切换开关状态
photoToggle.toggle()
// 直接保存到UserDefaults，不需要手动同步
UserDefaults.standard.set(photoToggle, forKey: "photoSwitch")

// 更新开关的UI显示
photoOn?.alpha = photoToggle ? 0 : 1
photoOff?.alpha = photoToggle ? 1 : 0
print(photoToggle ? "off" : "on")

// 冷却时间到了之后，重新允许点击按钮
DispatchQueue.main.asyncAfter(deadline: .now() + switchCooldown) {
    self.isPhotoSwitchProcessing = false
}

额外的小建议 #

• 如果你的photoOn和photoOff是SKSpriteNode，也可以考虑用切换纹理的方式代替修改alpha值，这样渲染效率会更高一点，比如：

  // 假设你提前把纹理存好了
  let onTexture = SKTexture(imageNamed: "photo_on")
  let offTexture = SKTexture(imageNamed: "photo_off")
  photoSwitchNode.texture = photoToggle ? offTexture : onTexture
  

• 要是你的音效播放方法是同步执行的，建议改成异步播放（比如用AVAudioPlayer），避免音效加载或播放时阻塞主线程，进一步减少卡顿的可能。

内容的提问来源于stack exchange，提问作者Tom B.