WPF简单模拟QQ登陆背景动画

介绍

之因此说是简单模拟,是由于我不知道QQ登陆背景动画是怎么实现的.这里是经过一些办法把它简化了,作成了相似的效果

效果图

 

大致思路

首先把背景当作是一个4行8列的点的阵距,X轴Y轴都是距离70.把点连起来,连成三角形.布局在外层蓝色的里,显示只显示里层绿色框里的部分.这样最外层的点不用动,只让绿框里面的点作随机运动就能够了.而后给三角形的Fill作颜色和时间都随机颜色动画,动画完成后再从新作颜色动画,循环.

在实现上,须要注意一下,每一个点都对应多个三角形,要在生成三角形的时候,注册到点上,并记录下点所在的三角形点集合的索引.在点变化的时候,遍历注册的三角形集合,三角形内相对应的点.也要跟着变化.

具体实现看代码吧.

源码下载:QQ登陆页面背景动画.zip