WPF簡單模擬QQ登陸背景動畫

介紹

之因此說是簡單模擬,是由於我不知道QQ登陸背景動畫是怎麼實現的.這裏是經過一些辦法把它簡化了,作成了相似的效果

效果圖

 

大致思路

首先把背景當作是一個4行8列的點的陣距,X軸Y軸都是距離70.把點連起來,連成三角形.佈局在外層藍色的裏,顯示只顯示裏層綠色框裏的部分.這樣最外層的點不用動,只讓綠框裏面的點作隨機運動就能夠了.而後給三角形的Fill作顏色和時間都隨機顏色動畫,動畫完成後再從新作顏色動畫,循環.

在實現上,須要注意一下,每一個點都對應多個三角形,要在生成三角形的時候,註冊到點上,並記錄下點所在的三角形點集合的索引.在點變化的時候,遍歷註冊的三角形集合,三角形內相對應的點.也要跟着變化.

具體實現看代碼吧.

源碼下載:QQ登陸頁面背景動畫.zip