WPF省略号动画讲述.docx

WPF 省略号动画 省略号动画可以用于加载数据，等待等多个场景使用，在wpf中要实现省略号动画方式多种多样，但是要通用起来目前笔者还没有看到一个好的结局方案。现在我们一起来做一个通用的省略号动画类，达到像拖控件一样简单。 思路，有一个类，我只要实例化它后，传入一个UI元素比如Border或Panel。调用某个方法比如Run，就可以让小圆点跑起来。 首先建立一个用来调用的类，取名为：EllipsisRun 调用类创建完成。 省略号。是6个小圆点。那么我就需要在类里面来创建6个小圆点。 小圆点创建好了，那么怎么让小圆点看起来似乎在动呢?通过设置小圆点的样式来实现，比如： 先定义三个个样式字段: EllipseStyleBase用来设置小圆点的Height，Width，Margin； EllipseStyleNormal继承EllipseStyleBase追加Stroke（设置边框颜色）和StrokeThickness（设置边框显示大小）； EllipseStyleHilight继承EllipseStyleBase追加Fill(设置填充颜色) 所以我们需要一个方法来设置这三个样式： 我们想设置个默认值怎么样，同时又想自己定义下值，那么我可以用一个方法来设置。我这里使用构造方法来实现。 小圆点样式已经完成了，那么我们现在需要让小圆点“动起来”，我们需要创建一个Run方法，传入我们指定的容器，让校园的在这个容器中“动起来”。 开来我们还需要添加一些关键性的字段和属性 现在小圆点可以跑起来了。在情景中，我们数据加载完了。还需要关闭动画。所以我们还需要一个退出动画的方法来调用，这里我们用End()方法来实现。 好的大功告我们来调用下我们的小圆点动画 XAML CS： 运行起来 看上去还不错哦。 下面是完整代码： /// summary /// 省略号动画 /// 用法: /// var er = new EllipsisRun(); /// er.Run(参数:Border或Panel); /// /summary public class EllipsisRun { private Style EllipseStyleBase; private Style EllipseStyleNormal; private Style EllipseStyleHilight; private UIElement _Content; /// summary /// 要插入动画的UI元素 Border或Panel /// /summary public UIElement TargetParent { get; private set; } /// summary /// true动画正在进行中 false动画未开始或者已经结束 /// /summary public bool IsRun { get; private set; } /// summary /// 实例化 省略号动画动画对象 /// /summary public EllipsisRun() { double hw = 8, m = 2, s = 1; init(hw, hw, m, s, Brushes.BlueViolet); } /// summary /// 实例化 省略号动画动画对象 /// height省略号元素高 /// width省略号元素宽 /// margion省略号元素边距 /// strokeThickness省略号元素裱框 /// brush省略号元素填充色 /// /summary /// param name=height省略号元素高/param /// param name=width省略号元素宽/param /// param name=margion省略号元素边距/param /// param name=strokeThickness省略号元素裱框/param /// param name=brush省略号元素裱框/param public