WPF中怎么实现画线动画效果

发布时间:2021-08-11 14:06:42 作者:Leah
来源:亿速云 阅读:149

本篇文章给大家分享的是有关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, 10), 
          new Point(250, 90), 
          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中怎么实现画线动画效果,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

推荐阅读:
  1. WPF中SqlHelper
  2. Unity如何实现画线条功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

wpf

上一篇:JavaScript中如何实现返回顶部效果

下一篇:FineReport中怎么实现自动滚屏效果

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》