Qt基于Qml材质系统ParticleSystem使用示例_qt linux particlesystem-优快云博客

本文链接：https://blog.youkuaiyun.com/fittec/article/details/127723453

本文介绍如何使用Qt Quick Particles模块创建粒子效果。通过定义图片材质、粒子系统及发射器，实现了从底部向目标区域发射粒子的效果，并详细展示了完整的QML代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

演示效果

1.定义图片材质

//图片材质
    ImageParticle {
        system: particleSystem;
        source: "qrc:/bubble_1.png";
    }

2.定义材质系统

 ParticleSystem {id: particleSystem}

3.使用Emitter发射器动态渲染材质

//发射器
Emitter {
        id: emitter;
        system: particleSystem;//指定材质系统
        anchors.left: parent.left;
        anchors.bottom: parent.bottom;
        width: 80;
        height: 80;
        size: 20;
        endSize: 80;
        sizeVariation: 10;
        emitRate: 20;//发射率
        lifeSpan: 4000;
        lifeSpanVariation: 200;
        velocity: TargetDirection {
            targetItem: target;
            targetX: target.width/2;
            targetY: 0;
            targetVariation: target.width/2;
            magnitude: root.height/3;
        }
    }

完整Qml源码

import QtQuick 2.2
import QtQuick.Window 2.1
import QtQuick.Particles 2.0

Window {
    visible: true;
    width: 600;
    height: 400;
    color: "lightblue";
    id: root;
    title:"Qt基于Qml材质系统ParticleSystem使用示例"
    Rectangle {
        id: target;
        color: "transparent";//透明色
        width: parent.width/2;
        height: 100;
        anchors.top: parent.top;
        anchors.right: parent.right;
        anchors.margins: 4;
    }
    //材质系统
    ParticleSystem {id: particleSystem}
    //发射器
    Emitter {
        id: emitter;
        system: particleSystem;//指定材质系统
        anchors.left: parent.left;
        anchors.bottom: parent.bottom;
        width: 80;
        height: 80;
        size: 20;
        endSize: 80;
        sizeVariation: 10;
        emitRate: 20;//发射率
        lifeSpan: 4000;
        lifeSpanVariation: 200;
        velocity: TargetDirection {
            targetItem: target;
            targetX: target.width/2;
            targetY: 0;
            targetVariation: target.width/2;
            magnitude: root.height/3;
        }
    }
    //图片材质
    ImageParticle {
        system: particleSystem;
        source: "qrc:/bubble_1.png";
    }
}