Sprite Kit板块切换异常：代码逻辑正确但切换不稳定

先看你的代码，核心问题出在segmentControl函数的逻辑错误上——你在切换板块的时候，误操作了其他板块的节点属性，导致显示状态混乱。

比如在.coins分支里，你先开启了金币相关的图片显示，紧接着在禁用生命板块的时候，错误地把**金币图片（coinImage1/2/3）**又设为隐藏了，而不是操作生命对应的图片（liveImage1/2/3）：

case .coins:
    //Enable Coins
    shopCoinScreen?.isHidden = false
    coinImage1?.isHidden = false
    coinImage2?.isHidden = false
    coinImage3?.isHidden = false
    //Disable Lives
    shopLiveScreen?.isHidden = true
    coinImage1?.isHidden = true // 这里应该是liveImage1?.isHidden = true！
    coinImage2?.isHidden = true // 同理，改为liveImage2
    coinImage3?.isHidden = true // 改为liveImage3
    //...

同样的错误也出现在.lives和.gems分支里，比如.lives分支禁用金币板块时，应该操作coinImage，而不是重复操作liveImage；.gems分支里也有类似的误写。

修复后的完整segmentControl函数 #

func segmentControl(_ sender: SwitchState ) {
    switch sender {
    case .coins:
        //Enable Coins
        shopCoinScreen?.isHidden = false
        coinImage1?.isHidden = false
        coinImage2?.isHidden = false
        coinImage3?.isHidden = false
        //Disable Lives
        shopLiveScreen?.isHidden = true
        liveImage1?.isHidden = true
        liveImage2?.isHidden = true
        liveImage3?.isHidden = true
        //Disable Gems
        shopGemScreen?.isHidden = true
        gemImage1?.isHidden = true
        gemImage2?.isHidden = true
        gemImage3?.isHidden = true
        print("coins")
    case .lives:
        //Disable Coins
        shopCoinScreen?.isHidden = true
        coinImage1?.isHidden = true
        coinImage2?.isHidden = true
        coinImage3?.isHidden = true
        //Enable Lives
        shopLiveScreen?.isHidden = false
        liveImage1?.isHidden = false
        liveImage2?.isHidden = false
        liveImage3?.isHidden = false
        //Disable Gems
        shopGemScreen?.isHidden = true
        gemImage1?.isHidden = true
        gemImage2?.isHidden = true
        gemImage3?.isHidden = true
        print("lives")
    case .gems:
        //Disable Coins
        shopCoinScreen?.isHidden = true
        coinImage1?.isHidden = true
        coinImage2?.isHidden = true
        coinImage3?.isHidden = true
        //Disable Lives
        shopLiveScreen?.isHidden = true
        liveImage1?.isHidden = true
        liveImage2?.isHidden = true
        liveImage3?.isHidden = true
        //Enable Gems
        shopGemScreen?.isHidden = false
        gemImage1?.isHidden = false
        gemImage2?.isHidden = false
        gemImage3?.isHidden = false
        print("gems")
    default:
        break
    }
}

额外优化建议 #

• 避免强制解包：在touchesBegan里的(coinButton?.contains(location))!存在崩溃风险，如果coinButton为nil，强制解包会直接崩溃。建议改成可选绑定：

if let coinBtn = coinButton, coinBtn.contains(location) {
    Sound.play(file: "switch", fileExtension: "mp3", numberOfLoops: 0)
    segmentControl(.coins)
}

同理处理liveButton和gemButton的判断。

• 统一节点管理：可以把同类型的节点放到数组里，简化代码。比如把coinImage1/2/3放到[SKSpriteNode?]数组，这样隐藏/显示的时候只需遍历数组操作，避免重复代码：

let coinImages = [coinImage1, coinImage2, coinImage3]
coinImages.forEach { $0?.isHidden = false }

• 状态重置优化：可以在进入每个case前，先统一隐藏所有板块的内容，再单独开启当前板块的内容，这样逻辑更清晰，也不容易出错：

func segmentControl(_ sender: SwitchState ) {
    // 先隐藏所有内容
    shopCoinScreen?.isHidden = true
    shopLiveScreen?.isHidden = true
    shopGemScreen?.isHidden = true
    
    [coinImage1, coinImage2, coinImage3].forEach { $0?.isHidden = true }
    [liveImage1, liveImage2, liveImage3].forEach { $0?.isHidden = true }
    [gemImage1, gemImage2, gemImage3].forEach { $0?.isHidden = true }
    
    // 再开启当前选中的板块
    switch sender {
    case .coins:
        shopCoinScreen?.isHidden = false
        [coinImage1, coinImage2, coinImage3].forEach { $0?.isHidden = false }
        print("coins")
    case .lives:
        shopLiveScreen?.isHidden = false
        [liveImage1, liveImage2, liveImage3].forEach { $0?.isHidden = false }
        print("lives")
    case .gems:
        shopGemScreen?.isHidden = false
        [gemImage1, gemImage2, gemImage3].forEach { $0?.isHidden = false }
        print("gems")
    default:
        break
    }
}

这样修改后，不仅逻辑更清晰，还能避免误操作其他节点的问题。

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