程序笔记   发布时间:2022-06-07  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了WPF实现画线动画效果大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了WPF实现画线动画的具体代码,供大家参,具体内容如下

需求:一条直线(不是曲线),模范笔画一样在画布上逐渐画出来。但前提是,用后台代码实现,并非WPF标签

效果:

WPF实现画线动画效果


代码:

/// <sumMary> 
  /// Window2.xaml 的交互逻辑 
  /// </sumMary> 
  public partial class Window2 : Window 
  { 
    public Window2() 
    { 
      InitializeComponent(); 
      var canvas = new Canvas(); 
      Content = canvas; 
      var points = 
        new List<Point>() 
        { 
          new Point(10,10),new Point(90,90),new Point(60,new Point(250,new Point(10,10) 
        }; 
      var sb = new Storyboard(); 
      for (int i = 0; i < points.Count - 1; i++) 
      { 
        var lineGeometry = new lineGeometry(points[i],points[i]); 
        var path = 
          new Path() 
          { 
            stroke = Brushes.black,strokeThickness = 2,Data = lineGeometry 
          }; 
        canvas.Children.Add(path); 
        var animation = 
          new PointAnimation(points[i],points[i + 1],new Duration(TimeSpan.FromMilliseconds(1000))) 
          { 
            BeginTime = TimeSpan.FromMilliseconds(i * 1010) 
          }; 
        sb.Children.Add(animation); 
        Registername("geometry" + i,lineGeometry); 
        Storyboard.SetTargetname(animation,"geometry" + i); 
        Storyboard.SetTargetProperty(animation,new PropertyPath(lineGeometry.EndPointProperty)); 
      } 
      MouseDown += (s,E) => sb.begin(this); 
    } 
  } 

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

大佬总结

以上是大佬教程为你收集整理的WPF实现画线动画效果全部内容,希望文章能够帮你解决WPF实现画线动画效果所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。