本文实例为大家分享了数据绑定实现画线动画的具体代码,供大家参考,具体内容如下
需求:一条直线(不是曲线),模范笔画一样在画布上逐渐画出来。但前提是,用后台代码实现,并非数据绑定标签
效果:
上代码:
///summary ///Window2.xaml的交互逻辑////摘要公共分部类Window 2 : Window { public Window 2(){ InitializeComponent();var Canvas=new Canvas();内容=画布;var点=新列表点(){新点(10,10),新点(90,90),新点(60,10),新点(250,90),新点(10,10)};var sb=new故事板();for(int I=0;我得分。计数-1;I){可变线几何=新线几何(点[i],点[I]);var Path=新路径(){ Stroke=画笔.黑色,StrokeThickness=2,Data=线几何图形};帆布。子级。添加(路径);var动画=新的点动画(点[i],点[I ^ 1],新的持续时间(时间跨度.从毫秒(1000))) { BeginTime=TimeSpan .从毫秒(I * 1010)};某人(某人的简写)儿童。添加(动画);RegisterName(‘几何’I,线几何);故事板SetTargetName(动画,'几何(一);故事板SetTargetProperty(动画,新属性路径(线几何EndPointProperty));} MouseDown=(s,e)=sb .开始(这个);} } 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。