WPF实现文字粒子闪烁动画效果

 更新时间:2020年08月28日 17:30:44   作者:RunnerDNA  
这篇文章主要为大家详细介绍了WPF实现文字粒子闪烁动画效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了WPF实现文字粒子闪烁动画的具体代码,供大家参考,具体内容如下

实现效果如下:

思路:首先根据显示文本创建文本路径Geometry,然后在路径内随机生成圆形粒子并添加动画。

步骤:

1、粒子类Particle.cs

public class Particle
 {
  /// <summary>
  /// 形状
  /// </summary>
  public Ellipse Shape;
  /// <summary>
  /// 坐标
  /// </summary>
  public Point Position;
}

2、粒子系统ParticleSystem.cs

/// <summary>
/// 粒子路径
/// </summary>
private Geometry particleGeometry;
 
/// <summary>
/// 粒子个数
/// </summary>
private int particleCount = 100;
 
/// <summary>
/// 粒子最小尺寸
/// </summary>
private static int sizeMin = 10;
 
/// <summary>
/// 粒子最大尺寸
/// </summary>
private int sizeMax = 20;
 
/// <summary>
/// 随机数
/// </summary>
private Random random;
 
/// <summary>
/// 粒子列表
/// </summary>
private List<Particle> particles;
 
/// <summary>
/// 粒子容器
/// </summary>
private Canvas containerParticles;
 
 
  public ParticleSystem(Geometry _path, int _maxRadius, int _particleCount, Canvas _containerParticles)
  {
   particleGeometry = _path;
   particleCount = _particleCount;
   sizeMax = _maxRadius;
   containerParticles = _containerParticles;
   random = new Random();
   particles = new List<Particle>();
   SpawnParticle();
  }
 
  /// <summary>
  /// 初始化粒子
  /// </summary>
  private void SpawnParticle()
  {
   //清空粒子队列
   particles.Clear();
   containerParticles.Children.Clear();
 
   //生成粒子
   for (int i = 0; i < particleCount; i++)
   {
    double size = random.Next(sizeMin, sizeMax + 1);
    while(true)
    {
     Point po = new Point(random.Next((int)particleGeometry.Bounds.Left, (int)particleGeometry.Bounds.Right), random.Next((int)particleGeometry.Bounds.Top, (int)particleGeometry.Bounds.Bottom));
     if (particleGeometry.FillContains(po, 2, ToleranceType.Absolute))
     {
      Particle p = new Particle
      {
       Shape = new Ellipse
       {
        Width = size,
        Height = size,
        Stretch = System.Windows.Media.Stretch.Fill,
        Fill = GetRandomColorBursh(),
       },
       Position = po,
      };
      SetParticleSizeAnimation(p.Shape);
      particles.Add(p);
      Canvas.SetLeft(p.Shape, p.Position.X);
      Canvas.SetTop(p.Shape, p.Position.Y);
      containerParticles.Children.Add(p.Shape);
      break;
     }
    }
   }
  }
 
  /// <summary>
  /// 设置粒子大小动画
  /// </summary>
  private void SetParticleSizeAnimation(Ellipse p)
  {
   Storyboard sb = new Storyboard();
   //动画完成事件 再次设置此动画
   sb.Completed += (S, E) =>
   {
    SetParticleSizeAnimation(p);
   };
   int size = random.Next(sizeMin, sizeMax + 1);
   int time = random.Next(100, 1000);
   DoubleAnimation daX = new DoubleAnimation(size, new Duration(TimeSpan.FromMilliseconds(time)));
   DoubleAnimation daY = new DoubleAnimation(size, new Duration(TimeSpan.FromMilliseconds(time)));
   Storyboard.SetTarget(daX, p);
   Storyboard.SetTarget(daY, p);
   Storyboard.SetTargetProperty(daX, new PropertyPath("Width"));
   Storyboard.SetTargetProperty(daY, new PropertyPath("Height"));
   sb.Children.Add(daX);
   sb.Children.Add(daY);
   sb.Begin();
  }
 
  /// <summary>
  /// 获取随机颜色画刷
  /// </summary>
  private SolidColorBrush GetRandomColorBursh()
  {
   byte r = (byte)random.Next(128, 256);
   byte g = (byte)random.Next(128, 256);
   byte b = (byte)random.Next(128, 256);
   return new SolidColorBrush(Color.FromArgb(125, r, g, b));
}

3、主窗体交互

private ParticleSystem ps;
 
public MainWindow()
  {
   InitializeComponent();
   this.Loaded += MainWindow_Loaded;
  }
 
  private void MainWindow_Loaded(object sender, RoutedEventArgs e)
  {
   Geometry g = CreateTextPath("H E L L O", new Point(this.cvs_particleContainer.Margin.Left, this.cvs_particleContainer.Margin.Top), new Typeface(new FontFamily("Arial"), FontStyles.Normal, FontWeights.Bold, FontStretches.Normal), 200);
   ps = new ParticleSystem(g, 25, 350, this.cvs_particleContainer);
  }
 
  /// <summary>
  /// 创建文本路径
  /// </summary>
  /// <param name="word">文本字符串</param>
  /// <param name="point">显示位置</param>
  /// <param name="typeface">字体信息</param>
  /// <param name="fontSize">字体大小</param>
  /// <returns></returns>
  private Geometry CreateTextPath(string word, Point point, Typeface typeface, int fontSize)
  {
   FormattedText text = new FormattedText(word, new System.Globalization.CultureInfo("en-US"), FlowDirection.LeftToRight, typeface, fontSize, Brushes.Black);
   Geometry g = text.BuildGeometry(point);
   PathGeometry path = g.GetFlattenedPathGeometry();
   return path;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。 

相关文章

  • C#测量程序运行时间及cpu使用时间实例方法

    C#测量程序运行时间及cpu使用时间实例方法

    对一个服务器程序想统计每秒可以处理多少数据包,要如何做?答案是用处理数据包的总数,除以累记处理数据包用的时间,下面我们看一个代码实例就明白了
    2013-11-11
  • C#拆分字符串正则表达式Regex.Split和String.Split方法

    C#拆分字符串正则表达式Regex.Split和String.Split方法

    这篇文章主要给大家介绍了关于C#拆分字符串正则表达式Regex.Split和String.Split方法的相关资料,在C#中,Regex.Split方法和string.Split方法都用于分割字符串,但它们有一些重要的区别,文中通过代码详细讲解下,需要的朋友可以参考下
    2024-04-04
  • C#实现DataTable数据行列转换

    C#实现DataTable数据行列转换

    这篇文章介绍了C#实现DataTable数据行列转换的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • C#实现Ruby的负数索引器

    C#实现Ruby的负数索引器

    这篇文章主要介绍了C#实现Ruby的负数索引器的相关代码和使用方法,非常简单实用,需要的朋友可以参考下
    2016-07-07
  • 对指定的网页进行截图的效果 C#版

    对指定的网页进行截图的效果 C#版

    对指定的网页进行截图的效果 C#版...
    2007-08-08
  • Winform自定义控件在界面拖动、滚动鼠标时闪烁的解决方法

    Winform自定义控件在界面拖动、滚动鼠标时闪烁的解决方法

    这篇文章介绍了Winform自定义控件在界面拖动、滚动鼠标时闪烁的解决方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-12-12
  • c#连接mdf文件示例分享

    c#连接mdf文件示例分享

    这篇文章主要介绍了c#连接mdf文件示例,,需要的朋友可以参考下
    2014-03-03
  • 基于C#的图表控件库 ScottPlot编译visual studio 2022

    基于C#的图表控件库 ScottPlot编译visual studio 2022

    基于 C# 的 图表控件库 ScottPlot,开源免费,可以用于开发一些上位机软件,如电压、电流波形的显示,开发【示波器】图形界面,可以显示一些图表、波形,总之功能比较的强大,本文介绍了基于C#的图表控件库 ScottPlot编译visual studio 2022,需要的朋友可以参考下
    2022-06-06
  • C#给多线程传参的几种方式小结

    C#给多线程传参的几种方式小结

    本文详细探讨了如何在C#中进行线程传参,包括启动线程时如何将参数传递给线程函数,以及在多线程环境下正确使用参数的方法,对于理解和实践C#线程编程具有重要意义,需要的朋友可以参考下
    2024-10-10
  • c#多线程之间的排他锁的实现

    c#多线程之间的排他锁的实现

    我们很多时候会碰到这样的问题,使用多线程刷一个表的数据时需要多个线程不能重复提取数据,那么这个时候就需要使用到线程的排他锁了,本文就详细的介绍一下
    2021-08-08

最新评论