SwiftUI中如何监听数组内ObservableObject对象的属性变化？

问题背景 #

我正在开发第一款问答App，定义了QuizPlayer类作为玩家数据模型：

class QuizPlayer: ObservableObject {
    @Published var name: String
    @Published var points: Int
    @Published var isActive: Bool
    @Published var isPartOfTheCurrentRound: Bool
    @Published var pointsThisRound: Int
    @Published var playerColor: Color

    init(name: String, playerColor: Color) {
        self.name = name
        self.points = 0
        self.isActive = false
        self.isPartOfTheCurrentRound = true
        self.pointsThisRound = 0
        self.playerColor = playerColor
    }

    func addPoints(pointsToAdd: Int) {
        self.points += pointsToAdd
    }
}

在视图中通过@State初始化了一个包含5名玩家的数组：

@State var quizPlayers: [QuizPlayer] = [
        QuizPlayer(name: "", playerColor: Color.blue),
        QuizPlayer(name: "", playerColor: Color.orange),
        QuizPlayer(name: "", playerColor: Color.yellow),
        QuizPlayer(name: "", playerColor: Color.pink),
        QuizPlayer(name: "", playerColor: Color.brown)
]

现在遇到的问题是：修改某玩家的分数等属性时，视图不会重新渲染。我希望保留数组管理玩家的便捷性，同时让所有玩家的属性变化都能触发视图刷新。之前尝试单独初始化每个玩家为ObservableObject但无法存入数组，不知道该怎么处理。

解决方案 #

问题核心是@State只能监听数组本身的引用变化（比如增删、替换元素），但管不到数组内ObservableObject实例的内部属性变化。下面两种方法可以解决问题：

方法一：子视图中用@ObservedObject包裹单个玩家 #

如果玩家的展示和修改逻辑放在子视图里，直接在子视图中用@ObservedObject接收单个QuizPlayer对象，就能自动监听其内部属性变化：

先写一个PlayerView子视图：

struct PlayerView: View {
    @ObservedObject var player: QuizPlayer
    
    var body: some View {
        VStack {
            TextField("输入玩家名称", text: $player.name)
            Text("当前分数：\(player.points)")
            Button("加10分") {
                player.addPoints(pointsToAdd: 10)
            }
        }
        .padding()
        .background(player.playerColor.opacity(0.2))
        .cornerRadius(8)
    }
}

然后在父视图里遍历数组传递玩家：

struct ContentView: View {
    @State var quizPlayers: [QuizPlayer] = [
        QuizPlayer(name: "", playerColor: Color.blue),
        QuizPlayer(name: "", playerColor: Color.orange),
        QuizPlayer(name: "", playerColor: Color.yellow),
        QuizPlayer(name: "", playerColor: Color.pink),
        QuizPlayer(name: "", playerColor: Color.brown)
    ]
    
    var body: some View {
        VStack(spacing: 16) {
            ForEach(quizPlayers, id: \.self) { player in
                PlayerView(player: player)
            }
        }
        .padding()
    }
}

方法二：把玩家数组包装在ObservableObject管理器中 #

如果需要在父视图统一管理所有玩家状态，或者全局监听变化，可以创建一个包含玩家数组的ObservableObject类：

class QuizGameManager: ObservableObject {
    @Published var quizPlayers: [QuizPlayer] = [
        QuizPlayer(name: "", playerColor: Color.blue),
        QuizPlayer(name: "", playerColor: Color.orange),
        QuizPlayer(name: "", playerColor: Color.yellow),
        QuizPlayer(name: "", playerColor: Color.pink),
        QuizPlayer(name: "", playerColor: Color.brown)
    ]
    
    // 可以在这里加全局管理方法，比如重置所有分数
    func resetAllPoints() {
        quizPlayers.forEach { $0.points = 0 }
    }
}

然后在父视图用@StateObject持有这个管理器：

struct ContentView: View {
    @StateObject private var gameManager = QuizGameManager()
    
    var body: some View {
        VStack(spacing: 16) {
            ForEach(gameManager.quizPlayers, id: \.self) { player in
                VStack {
                    TextField("输入玩家名称", text: $player.name)
                    Text("当前分数：\(player.points)")
                    Button("加10分") {
                        player.addPoints(pointsToAdd: 10)
                    }
                }
                .padding()
                .background(player.playerColor.opacity(0.2))
                .cornerRadius(8)
            }
            
            Button("重置所有分数") {
                gameManager.resetAllPoints()
            }
            .padding()
            .background(Color.red)
            .foregroundColor(.white)
            .cornerRadius(8)
        }
        .padding()
    }
}

额外优化建议 #

为了让ForEach的标识更稳定，建议给QuizPlayer添加Identifiable协议：

class QuizPlayer: ObservableObject, Identifiable {
    let id = UUID()
    // 其他原有属性不变...
}

这样ForEach可以直接写成ForEach(gameManager.quizPlayers)，不用手动指定id。

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