WPF 画线动画效果实现
来源:互联网 发布:制作软件需要什么 编辑:程序博客网 时间:2024/06/11 21:26
弄了将近三天才搞定的,真是艰辛的实现。
看了很多博客,都太高深了,而且想要实现的功能都太强大了,结果基础部分一直实现不了,郁闷啊~
千辛万苦终于找到了一个Demo,打开一看,代码只有20几行,不行我非要记一笔。
说正题:
需求:一条直线(不是曲线),模范笔画一样在画布上逐渐画出来。但前提是,用后台代码实现,并非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); } }
这就OK完成了,是不是很简单。这文章算转载的,毕竟代码不是我写的,欢迎参考。啦啦啦,我是勤劳的代码搬运工。
1 0
- WPF 画线动画效果实现
- WPF启动动画效果实现
- WPF实现射线效果动画
- 画线 动画效果
- wpf实现三维漫游动画效果
- WPF动画效果
- 基于Canvas的画线动画效果
- 使用facebook pop 与 CAShapeLayer 实现 画线条的动画效果
- wpf利用动画实现图形变化产生3d效果
- WPF实现3D翻转的动画效果
- WPF实现3D翻转的动画效果
- WPF实现3D翻转的动画效果
- WPF实现3D翻转的动画效果
- WPF 按钮动画效果制作
- wpf动画效果(转)
- WPF 有趣的动画效果
- 实现对字符串的画线动画
- JAVA 实现曝光后的画线效果!!
- C语言程序设计 6章
- JDBC代码规范化
- poj 2528 线段覆盖 求能看到的线段有几段 (线段切割) poj 3277 (矩形切割)
- iOS开发中那些高效常用的宏
- 如何安装、卸载ubuntu软件
- WPF 画线动画效果实现
- ajax批量上传s打
- springmvc+mongodb+maven 项目搭建配置
- 机房收费系统之功能实现
- 【西祠日志】【01】第一天工作,我想,这是一个新的开始
- HEAD FIRST HTML&CSS 读书笔记(1)
- Android之——多线程断点续传下载示例
- 嵌入式系统bootloader详解
- MyEclipse Servers视窗出现“Could not create the view: An unexpected exception was thrown”错误解决办法