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

水深无声 2022-06-16 07:42 191阅读 0赞

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

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

![0_13248148417KK1.gif][]

[0_13248148417KK1.gif]: /images/20220616/c0294448ac5b4e10b58da2434f477c30.png