绘制管道并添加水流动效果

转载

于 2012-12-22 08:37:00 发布 · 5.2k 阅读

5 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lzlalpha/archive/2012/12/22/2828195.html

文章标签：

#c# #前端 #java #ViewUI

本文介绍了如何使用Sliverlight在项目中制作动画效果，特别是绘制自来水管道并添加流水动效。通过InkPresenter绘制Line，设置Line的StrokeDashArray属性实现虚线效果，然后通过改变StrokeDashOffset属性模拟水流动态。最后，通过添加渐变样式和覆盖层，增强管道的真实感。

最近项目上使用Sliverlight制作动画效果，下面是绘制自来水管道并添加流水效果，给大家分享一下。

Get Microsoft Silverlight

动态效果效果截图

1. 画线

用InkPresenter作为容器，在其上的绘制Line。

1 <Grid x:Name="LayoutRoot" Background="White">
2         <InkPresenter x:Name="inkPresenter">
3             <Line X1="20" x:Name="Line1" Y1="52" X2="100" Y2="50" Stroke="Red" StrokeThickness="7" />
4             <Line X1="100" x:Name="Line2" Y1="47" X2="100" Y2=