频道栏目
首页 > 程序开发 > Web开发 > ASP.Net > 正文
WPF实现画线动画效果实例
2018-01-15 16:39:44           
收藏   我要投稿
本文实例为大家分享了WPF实现画线动画的具体代码,供大家参考,具体内容如下

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

效果:

\

上代码:

///

/// Window2.xaml 的交互逻辑

///

public partial class Window2 : Window

{

public Window2()

{

InitializeComponent();

var canvas = new Canvas();

Content = canvas;

var points =

new List()

{

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);

}

}

 

点击复制链接 与好友分享!回本站首页
上一篇:Service Fabric承载eShop On Containers的实现方法详情
下一篇:怎样解决asp.net上传文件超过了最大请求长度的问题
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站