第12章：粒子系统——ParticleSystem、Emitter、Affector、自定义粒子效果与性能优化

一、粒子系统概述

Qt Quick粒子系统用声明式方式创建大量动态小图形（粒子），可模拟火焰、烟雾、雪花、爆炸等自然或奇幻现象。它依托GPU加速，性能优异，是提升UI视觉吸引力的核心工具之一。

其核心组件分为四类：ParticleSystem（核心引擎，管理粒子生命周期与时间线）、Emitter（发射器，定义粒子初始属性）、Affector（影响器，动态修改粒子状态）、ParticlePainter（绘制器，决定粒子视觉外观）。

二、核心组件详解

1. ParticleSystem：核心容器与引擎

ParticleSystem是粒子系统的“指挥中心”，负责统筹所有粒子组与时间逻辑，关键属性与方法如下：

running：布尔值，控制系统启停，默认开启；
paused：布尔值，暂停时粒子状态完全冻结；
empty：只读属性，标识系统内无活跃粒子；
reset()方法：一键清除所有粒子并重置时间线。

2. Emitter：粒子的“诞生源头”

Emitter负责定义粒子的发射规则，包括位置、方向、速率、生命周期等初始属性，示例代码及参数说明：

Emitter {
    id: emitter
    system: particleSystem
    // 圆形区域发射，半径20
    shape: EllipseShape { radius: 20 }
    x: 100; y: 100 // 发射原点
    emitRate: 100 // 每秒发射100个粒子
    lifeSpan: 2000 // 粒子生命周期2000毫秒
    maximumEmitted: 1000 // 同时存在的最大粒子数
    // 初始速度：X方向50±30，Y方向-50±30
    velocity: PointDirection { x: 50; y: -50; xVariation: 30; yVariation: 30 }
    acceleration: PointDirection { y: 100 } // 模拟向下重力
    size: 16; sizeVariation: 8 // 初始大小16±8
    endSize: 4 // 粒子消失时缩小到4
}

3. Affector：粒子的“动态操控者”

Affector在粒子生命周期内实时修改其属性，常见类型及示例：

Age：随剩余生命周期调整粒子大小、透明度，示例：

Age {
    system: particleSystem
    lifeLeft: 1000 // 影响剩余寿命不足1000ms的粒子
    advancePosition: true // 按速度更新位置
}

Gravity：模拟重力效果，示例：

Gravity {
    system: particleSystem
    magnitude: 500 // 重力强度
    angle: 90 // 方向向下（90度）
}

此外还有Attractor（吸引粒子到指定点）、Friction（施加摩擦力）、Turbulence（随机扰动）、Wander（随机游走）等类型，可按需组合。

三、自定义粒子效果实战

通过组合组件与参数，可轻松实现各类特效，比如飘落的彩色雪花：

import QtQuick 2.15
import QtQuick.Particles 2.15

Item {
    width: 400; height: 600

    ParticleSystem { id: snowSystem }

    // 顶部全屏发射雪花
    Emitter {
        system: snowSystem
        y: -20
        width: parent.width
        emitRate: 30 // 每秒30朵雪花
        lifeSpan: 5000 // 生命周期5000±2000ms
        lifeSpanVariation: 2000
        velocity: AngleDirection {
            angle: 90 // 向下发射
            angleVariation: 30 // 角度波动±30度
            magnitude: 100 // 速度100±50
            magnitudeVariation: 50
        }
        size: 10; sizeVariation: 8 // 初始大小10±8
        endSize: 2 // 消失时缩小到2
    }

    // 模拟重力让雪花下落
    Gravity {
        system: snowSystem
        angle: 90
        magnitude: 50
    }

    // 让雪花随机左右飘动
    Wander {
        system: snowSystem
        xVariance: 30 // X方向波动范围
        pace: 100 // 飘动频率
    }

    // 绘制彩色圆形雪花
    ItemParticle {
        system: snowSystem
        delegate: Rectangle {
            width: 1; height: 1
            radius: width/2
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 0.8)
        }
    }
}

技巧提示：自定义特效的关键在于搭配发射器初始属性、影响器动态调控和绘制器视觉呈现，多尝试参数组合能解锁惊喜效果。

四、性能优化指南

粒子系统虽强，但不当使用会导致卡顿，以下是实用优化技巧：

控制粒子数量：用maximumEmitted限制最大粒子数，根据屏幕尺寸调整emitRate，减少GPU负载与内存占用；
合理设置生命周期：避免粒子长时间存在，减少活跃粒子数量；
优化绘制方式：用ImageParticle替代复杂ItemParticle委托，使用纹理图集，减少绘制调用与内存消耗；
精简影响器：减少不必要的Affector，合并类似效果，降低每帧计算量；
智能管理系统：不用时设running: false，离开界面时暂停，节省CPU/GPU资源；
优化层级：把粒子系统放在独立图层，避免与复杂UI重叠，减少重绘区域。

性能监控代码示例：

ParticleSystem {
    id: perfMonitoredSystem
    onEmptyChanged: {
        if (empty) console.log("系统无活跃粒子，可考虑暂停");
    }
    Timer {
        interval: 1000
        repeat: true
        running: parent.running
        onTriggered: {
            // 自定义逻辑估算粒子数
            var count = // 添加粒子数获取逻辑
            if (count > 500) console.warn("粒子数量过多:", count);
        }
    }
}

五、总结与练习

本章学习了Qt Quick粒子系统的核心组件、自定义特效方法与性能优化技巧，它是打造炫酷UI的重要工具，但需平衡效果与性能。

课后练习

模拟火焰效果：实现粒子上升、扩散，颜色从橙红到灰白渐变；
点击涟漪效果：点击屏幕时，从点击位置发射扩散的粒子；
火焰效果优化：调整参数确保低端设备帧率稳定（每帧耗时<30ms）；
高级特效：结合CustomParticle与ShaderEffect，打造流体、光影等独特效果。

进阶提示：探索CustomParticle和ShaderEffect的结合，可自定义粒子着色器，实现流体模拟、光影追踪等高级视觉效果。