【QML COOK】- 005-粒子系统(ParticleSystem)

news2025/1/18 18:54:50

1. 编辑main.qml

import QtQuick
import QtQuick.Particles

Window {
    width: 800
    height: 800
    visible: true
    title: qsTr("Hello World")

    color: "#000000"

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked: {
            hahaEmitter.pulse(2000)
        }
    }

    ParticleSystem { id: hahaParticleSystem }
    ImageParticle {
        system: hahaParticleSystem
        source: "qrc:/Resources/Images/ha.png"
        width: 100
        height: 100
    }
    //! [0]
    Emitter {
        id: hahaEmitter
        system: hahaParticleSystem

        emitRate: 10
        lifeSpan: 10000
        enabled: false

        y: mouseArea.mouseY
        x: mouseArea.mouseX

        velocity: PointDirection {x: 0; y: -1;}
        acceleration: PointDirection {x: 0; y: -10;}

        size: 50
        sizeVariation: 25
    }
}

QML的粒子系统由四种元素构成：ParticleSystem（系统），Painter（粒子），Emitter（发射器），Affector（附加影响）。本例中只使用了 ParticleSystem, Painter, Emitter。
- ImageParticle是一个Painter，继承自ParticlePainter类型
Painter，Emitter，Affector需要关联到同一个ParticleSystem上才能其作用。本例中ImageParticle和Emitter通过system属性关联到id为hahaParticleSystem的ParticleSystem上
介绍一下本例中Emitter使用到的属性和方法
- emitRate：每秒钟发射的Painter数量
- lifeSpan：Painter存活的毫秒数
- enabled：是否生效。本例中想让emitter在鼠标点击时才生效，因此设置成false
- velocity：Painter初始速度
- acceleration：Painter的加速度
- size：Painter的大小
- sizeVariation：Painter的大小变化范围[size-sizeVariation, size+sizeVariation]，本例中Painter大小为25到75之间
- pulse：当enable为false时，让Emitter生效的毫秒数。本例中在鼠标点击时让Emitter生效2秒

2. 运行程序