Silverlight實現星星閃爍動畫

2019-10-29 19:59:37

字體：大中小

來源：轉載

供稿：網友

本文實例為大家分享了Silverlight實現星星閃爍動畫展示的具體代碼，供大家參考，具體內容如下

原理很簡單，生成1000個圓，從隨機數來布置它們的位置，通過動畫來處理它們的透明度，動畫時長也是隨機生成。

1、創建圖形數組并設置背景透明，漸變筆觸，大小等，而后加入到Grid元素的子元素集中；
2、創建動畫時間線；
3、加載完成后播放動畫；
4、每一輪動畫播放完畢后，重新隨機生成一下圖形的Margin，動畫的時間長度也是隨機生成。

代碼：

using System;using System.Collections.Generic;using System.Linq;using System.Net;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Animation;using System.Windows.Shapes;  namespace RandEllipseSample{  public partial class MainPage : UserControl  {    int shapesCount = 500; //圖形數組的容量    //隨機大小的上限    int theMaxW = 1300;    int theMaxH = 720;    Random rand = null;    Storyboard story = null;    Ellipse[] myShapes = null;    public MainPage()    {      InitializeComponent();      rand = new Random();      story = new Storyboard();      story.Completed += new EventHandler(story_Completed);      InitShapes();      InitAnimation();      //加載完成后馬上播放動畫      this.Loaded += new RoutedEventHandler(MainPage_Loaded);    }      void MainPage_Loaded(object sender, RoutedEventArgs e)    {      story.Begin();    }      void story_Completed(object sender, EventArgs e)    {      for (int x = 0; x < shapesCount; x++)      {        myShapes[x].Margin = new Thickness(Convert.ToDouble(rand.Next(0, theMaxW)), Convert.ToDouble(rand.Next(0, theMaxH)), 0, 0);      }      InitAnimation();    }      /// <summary>    /// 初始化形狀數組    /// </summary>    private void InitShapes()    {      myShapes = new Ellipse[shapesCount];      //實例化所有成員      for (int n = 0; n < shapesCount; n++)      {        myShapes[n] = new Ellipse();        myShapes[n].Fill = new SolidColorBrush(Colors.Transparent);        myShapes[n].StrokeThickness = 2d;        //筆觸為線性漸變        LinearGradientBrush gBrush = new LinearGradientBrush();        gBrush.StartPoint = new Point(0, 0);        gBrush.EndPoint = new Point(1, 1);        gBrush.GradientStops.Add(new GradientStop()        {          Color = Colors.Yellow,          Offset = 0        });        gBrush.GradientStops.Add(new GradientStop()        {          Color = Colors.Red,          Offset = 0.25        });        gBrush.GradientStops.Add(new GradientStop()        {          Color = Colors.White,          Offset = 0.5        });        gBrush.GradientStops.Add(new GradientStop()        {          Color = Colors.Blue,          Offset = 0.75        });        myShapes[n].Stroke = gBrush;        //位置        myShapes[n].Margin = new Thickness(Convert.ToDouble(rand.Next(0,theMaxW)), Convert.ToDouble(rand.Next(0,theMaxH)), 0, 0);        //大小        myShapes[n].Width = 10;        myShapes[n].Height = 10;        myShapes[n].HorizontalAlignment = HorizontalAlignment.Left;        myShapes[n].VerticalAlignment = VerticalAlignment.Top;        //加入可視化樹        this.LayoutRoot.Children.Add(myShapes[n]);      }    }      /// <summary>    /// 初始化動畫    /// </summary>    private void InitAnimation()    {      story.Children.Clear();      for (int i = 0; i < shapesCount; i++)      {        int mSecond = rand.Next(0, 5);        //透明度        DoubleAnimation opacityAnimate = new DoubleAnimation();        opacityAnimate.From = 1.0;        opacityAnimate.To = 0.0;        Storyboard.SetTarget(opacityAnimate, myShapes[i]);        Storyboard.SetTargetProperty(opacityAnimate,          new PropertyPath("Opacity"));        opacityAnimate.Duration = new Duration(TimeSpan.FromSeconds(mSecond));        opacityAnimate.RepeatBehavior = RepeatBehavior.Forever;          //將時間線添加到情節摘要        story.Children.Add(opacityAnimate);      }    }  }}

效果圖：

Silverlight,星星閃爍動畫