原文: WPF簡單模拟QQ登入背景動畫
介紹
之是以說是簡單模拟,是因為我不知道QQ登入背景動畫是怎麼實作的.這裡是通過一些辦法把它簡化了,做成了類似的效果
效果圖
大體思路
首先把背景看成是一個4行8列的點的陣距,X軸Y軸都是距離70.把點連起來,連成三角形.布局在外層藍色的裡,顯示隻顯示裡層綠色框裡的部分.這樣最外層的點不用動,隻讓綠框裡面的點做随機運動就可以了.然後給三角形的Fill做顔色和時間都随機顔色動畫,動畫完成後再重新做顔色動畫,循環.
在實作上,需要注意一下,每個點都對應多個三角形,要在生成三角形的時候,注冊到點上,并記錄下點所在的三角形點集合的索引.在點變化的時候,周遊注冊的三角形集合,三角形内相對應的點.也要跟着變化.
具體實作看代碼吧.
源碼下載下傳:
QQ登入頁面背景動畫.zip