Silverlight之我见——制作星星闪烁动画

圣诞节来了，无聊，做点东西纪念一下。

原理很简单，生成1000个圆，从随机数来布置它们的位置，通过动画来处理它们的透明度，动画时长也是随机生成。

1、创建图形数组并设置背景透明，渐变笔触，大小等，而后加入到Grid元素的子元素集中；

2、创建动画时间线；

3、加载完成后播放动画；

4、每一轮动画播放完毕后，重新随机生成一下图形的Margin，动画的时间长度也是随机生成。

 

1. using System;
2. using System.Collections.Generic;
3. using System.Linq;
4. using System.Net;
5. using System.Windows;
6. using System.Windows.Controls;
7. using System.Windows.Documents;
8. using System.Windows.Input;
9. using System.Windows.Media;
10. using System.Windows.Media.Animation;
11. using System.Windows.Shapes;
12. namespace RandEllipseSample
13. {
14. public partial class MainPage : UserControl
15. {
16. int shapesCount = 500; //图形数组的容量
17. //随机大小的上限
18. int theMaxW = 1300;
19. int theMaxH = 720;
20. Random rand = null;
21. Storyboard story = null;
22. Ellipse[] myShapes = null;
23. public MainPage()
24. {
25. InitializeComponent();
26. rand = new Random();
27. story = new Storyboard();
28. story.Completed += new EventHandler(story_Completed);
29. InitShapes();
30. InitAnimation();
31. //加载完成后马上播放动画
32. this.Loaded += new RoutedEventHandler(MainPage_Loaded);
33. }
34. void MainPage_Loaded(object sender, RoutedEventArgs e)
35. {
36. story.Begin();
37. }
38. void story_Completed(object sender, EventArgs e)
39. {
40. for (int x = 0; x < shapesCount; x++)
41. {
42. myShapes[x].Margin = new Thickness(Convert.ToDouble(rand.Next(0, theMaxW)), Convert.ToDouble(rand.Next(0, theMaxH)), 0, 0);
43. }
44. InitAnimation();
45. }
46. /// <summary>
47. /// 初始化形状数组
48. /// </summary>
49. private void InitShapes()
50. {
51. myShapes = new Ellipse[shapesCount];
52. //实例化所有成员
53. for (int n = 0; n < shapesCount; n++)
54. {
55. myShapes[n] = new Ellipse();
56. myShapes[n].Fill = new SolidColorBrush(Colors.Transparent);
57. myShapes[n].StrokeThickness = 2d;
58. //笔触为线性渐变
59. LinearGradientBrush gBrush = new LinearGradientBrush();
60. gBrush.StartPoint = new Point(0, 0);
61. gBrush.EndPoint = new Point(1, 1);
62. gBrush.GradientStops.Add(new GradientStop()
63. {
64. Color = Colors.Yellow,
65. Offset = 0
66. });
67. gBrush.GradientStops.Add(new GradientStop()
68. {
69. Color = Colors.Red,
70. Offset = 0.25
71. });
72. gBrush.GradientStops.Add(new GradientStop()
73. {
74. Color = Colors.White,
75. Offset = 0.5
76. });
77. gBrush.GradientStops.Add(new GradientStop()
78. {
79. Color = Colors.Blue,
80. Offset = 0.75
81. });
82. myShapes[n].Stroke = gBrush;
83. //位置
84. myShapes[n].Margin = new Thickness(Convert.ToDouble(rand.Next(0,theMaxW)), Convert.ToDouble(rand.Next(0,theMaxH)), 0, 0);
85. //大小
86. myShapes[n].Width = 10;
87. myShapes[n].Height = 10;
88. myShapes[n].HorizontalAlignment = HorizontalAlignment.Left;
89. myShapes[n].VerticalAlignment = VerticalAlignment.Top;
90. //加入可视化树
91. this.LayoutRoot.Children.Add(myShapes[n]);
92. }
93. }
94. /// <summary>
95. /// 初始化动画
96. /// </summary>
97. private void InitAnimation()
98. {
99. story.Children.Clear();
100. for (int i = 0; i < shapesCount; i++)
101. {
102. int mSecond = rand.Next(0, 5);
103. //透明度
104. DoubleAnimation opacityAnimate = new DoubleAnimation();
105. opacityAnimate.From = 1.0;
106. opacityAnimate.To = 0.0;
107. Storyboard.SetTarget(opacityAnimate, myShapes[i]);
108. Storyboard.SetTargetProperty(opacityAnimate,
109. new PropertyPath("Opacity"));
110. opacityAnimate.Duration = new Duration(TimeSpan.FromSeconds(mSecond));
111. opacityAnimate.RepeatBehavior = RepeatBehavior.Forever;
112. //将时间线添加到情节摘要
113. story.Children.Add(opacityAnimate);
114. }
115. }
116. }
117. }