還是借鑑了Qt自帶的掃雷示例中的程式碼！（Qt中的一些程式碼還是有非常好的借鑑意義的，值得學習一下，推薦像我們這種初學者去學習學習！）

首先是效果顯示控制元件：

//Explosion.qml

importQtQuick1.0

importQt.labs.particles1.0

Item{

propertyboolexplode:false

Particles{

id:particles

width:30

height:30

lifeSpan:800

lifeSpanDeviation:0

source:"../Images/star.png"

count:0

angle:270

angleDeviation:360

velocity:100

velocityDeviation:20

z:100

}

states:State{name:"exploding";when:explode

StateChangeScript{script:particles.burst(200);}

}

}

這段基本上就是掃雷應用程式中的照搬下來的！圖片來源自己更改了相對路徑。Particles聲明瞭可以隨機出現指定source的效果。

具體說，就是聲明瞭圖片（source）出現的宣告週期（lifeSpan）以及不同宣告週期之間的差距（lifeSpanDeviation），例如若lifeSpan為800，而lifeSpanDeviation為200，那麼這些圖片就會出現600至1000不等的時間。

角度angle屬性的變化範圍以及速度velocity屬性的變化範圍都依次類推。這個還可以好好再推敲一下。

上述qml的使用就是，放到某個大框（Item或Rectangle等等）裡，然後通過制定出現的x和y為滑鼠區域的mouse.x和mouse.y來實現在滑鼠單擊的時候出現類似於焰火的效果。簡單的使用如下：

Explosion{

id:expl

x:parent.width/2-15

y:parent.height/2-15

}

我這裡是不論滑鼠在哪單擊都從窗體的中心位置顯示這個效果。這裡的15是Explosion的長度的一半，意思是讓Explosion的中心與父Item的中心重合。（就是一個糾正值！）

觸發可以有很多種方式，這裡的觸發方式如下：

Rectangle{

id:content

MouseArea{

anchors.fill:parent

onClicked:{

expl.explode=true

}

onReleased:{

expl.explode=false

}

}

}

其它的程式碼都略去了，具體效果自己也可以多試試。

希望對你有幫助。

補充一句，這個particles出現的效果是隨機的！我還曾經嘗試用這個模擬過下雨，下雪效果，不錯的控制元件！很炫。哈哈