Swift开发井字棋：给playerToMove加@Published后无报错但异常

问题诊断 #

添加@Published后出现白屏、控件无法点击的核心原因有两点：

• 根视图中使用@ObservedObject管理模型实例，导致视图重建时模型被重复初始化，状态混乱
• AI模式下可能在非主线程修改@Published变量，触发UI更新异常

修复步骤 #

1. 替换@ObservedObject为@StateObject #

在根视图ContentView中，将模型的属性修饰符从@ObservedObject改为@StateObject，确保模型实例在视图生命周期内保持唯一：

struct ContentView: View {
    @StateObject var ticTacToe = TicTacToeModel() // 替换@ObservedObject
    
    var currPlayer: String {
        return ticTacToe.playerToMove == false ? "X" : "O"
    }
    
    var body: some View {
        Text(selection == true ? "\(currPlayer) to move" : " ")
        // 其余视图代码保持不变
    }
}

2. 正确添加@Published修饰符 #

在TicTacToeModel中为playerToMove添加@Published，确保状态变化能触发视图更新：

class TicTacToeModel: ObservableObject {
    @Published var playerToMove: Bool = false
}

3. 确保在主线程修改模型状态 #

AI落子逻辑中，修改playerToMove必须在主线程执行，避免UI更新线程错误：

extension TicTacToeModel {
    func aiMakeMove() {
        // 随机选择空位的逻辑实现...
        
        // 在主线程切换玩家
        DispatchQueue.main.async {
            self.playerToMove.toggle()
        }
    }
}

4. 验证玩家切换逻辑 #

确保每次落子（包括PVP模式玩家落子和AI落子）后，都正确切换playerToMove的值：

func makeMove(at index: Int) {
    // 落子逻辑验证（空位检查、胜负判断等）...
    
    // 切换玩家
    playerToMove.toggle()
}

原因解析 #

• @ObservedObject是为子视图传递模型设计的，根视图使用它会导致视图重建时模型被重新初始化，丢失原有状态并触发异常的UI刷新，表现为白屏或控件失效。@StateObject则专门用于根视图的ObservableObject管理，能保证实例的唯一性和稳定性。
• @Published变量的修改会触发视图更新，但SwiftUI要求所有UI相关的状态修改必须在主线程执行，AI模式下的随机落子若在后台线程执行，直接修改playerToMove会导致界面异常。

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