SwiftUI自包含视图粒子创建触发逻辑的优化方案咨询

方案1：用Combine事件流替代标记位 #

直接在Observable视图模型里用PassthroughSubject作为事件触发器，不需要依赖标记位和延迟重置，逻辑更直观：

import SwiftUI
import Combine

@Observable
class ParticleViewModel {
    // 定义事件流，用于通知View创建新粒子
    private let particleTrigger = PassthroughSubject<Void, Never>()
    
    // 供外部调用的触发方法
    func requestParticle() {
        particleTrigger.send()
    }
    
    // 给View提供订阅事件的入口
    var particlePublisher: AnyPublisher<Void, Never> {
        particleTrigger.eraseToAnyPublisher()
    }
}

struct ParticleView: View {
    @State private var particles: [Particle] = []
    @State private var vm = ParticleViewModel()
    
    var body: some View {
        // 粒子渲染区域
        ZStack {
            ForEach(particles) { particle in
                // 你的粒子视图
                Circle()
                    .frame(width: particle.size, height: particle.size)
                    .position(particle.position)
            }
        }
        .onReceive(vm.particlePublisher) {
            addParticle()
        }
        // 示例：按钮触发
        .overlay(
            Button("生成粒子") {
                vm.requestParticle()
            }
            .padding()
        )
    }
    
    private func addParticle() {
        // 创建新粒子的逻辑
        let newParticle = Particle(id: UUID(), size: CGFloat.random(in: 10...30), position: CGPoint(x: 100, y: 100))
        particles.append(newParticle)
    }
}

// 示例Particle模型
struct Particle: Identifiable {
    let id: UUID
    let size: CGFloat
    var position: CGPoint
}

方案2：让视图模型直接管理粒子列表 #

如果不需要View单独维护状态，可以把粒子列表移到视图模型里，直接调用VM的方法添加粒子，省去View和VM之间的事件传递：

@Observable
class ParticleViewModel {
    var particles: [Particle] = []
    
    func addParticle() {
        let newParticle = Particle(id: UUID(), size: CGFloat.random(in: 10...30), position: CGPoint(x: 100, y: 100))
        particles.append(newParticle)
    }
}

struct ParticleView: View {
    @State private var vm = ParticleViewModel()
    
    var body: some View {
        ZStack {
            ForEach(vm.particles) { particle in
                Circle()
                    .frame(width: particle.size, height: particle.size)
                    .position(particle.position)
            }
        }
        .overlay(
            Button("生成粒子") {
                vm.addParticle()
            }
            .padding()
        )
    }
}

方案3：View内部直接处理触发（无需视图模型） #

如果是完全自包含的View，不需要外部VM，可以直接在View内部用状态变量或直接绑定触发动作：

struct ParticleView: View {
    @State private var particles: [Particle] = []
    
    var body: some View {
        ZStack {
            ForEach(particles) { particle in
                Circle()
                    .frame(width: particle.size, height: particle.size)
                    .position(particle.position)
            }
        }
        // 示例：计时器触发
        .onAppear {
            Timer.scheduledTimer(withTimeInterval: 0.5, repeats: true) { _ in
                addParticle()
            }
        }
        // 示例：按钮触发
        .overlay(
            Button("生成粒子") {
                addParticle()
            }
            .padding()
        )
    }
    
    private func addParticle() {
        let newParticle = Particle(id: UUID(), size: CGFloat.random(in: 10...30), position: CGPoint(x: 100, y: 100))
        particles.append(newParticle)
    }
}

这些方案都比标记位+延迟重置的方式更简洁，逻辑也更清晰，你可以根据是否需要视图模型、是否要外部触发等场景选择合适的实现。

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