我正在PolyLineSegment
剪裁一个带有菱形PathGeometry
的画布。我试图为它的PointCollection设置动画,但似乎无法解析TargetProperty。这是Google发现的唯一其他参考资料,这正是我正在尝试做的事情和PropertyPath
:http://forums.silverlight.net/forums/p/22239/78225.aspx
是否可以从Point
获取PointCollection
以便在动画中更改其值?
答案 0 :(得分:3)
不幸的是,我不认为可以为Polyline.Points设置动画......
那些点对象来自“System.Windows.Point”,问题是它们的“X”和“Y”属性不是依赖属性。遗憾的是,没有办法使用DoubleAnimation为不属于依赖属性的属性设置动画。
在您提供的示例中,动画基于PathFigure Segment(具有依赖项属性)而不是System.Windows.Point。
如果你想为它们设置动画,我会尽量避免在你的Path中使用PolyLineSegement。
答案 1 :(得分:2)
您可以像这样设置点集合的动画:
<Canvas Background="Tan" Width="100" Height="300" Margin="5,0,0,0">
<Path Stroke="RosyBrown" StrokeThickness="4" >
<Path.Data>
<PathGeometry>
<PathGeometry.Figures>
<PathFigure StartPoint="5,50">
<PolyLineSegment x:Name="PLS" ></PolyLineSegment>
</PathFigure>
</PathGeometry.Figures>
</PathGeometry>
</Path.Data>
</Path>
<Canvas.Triggers>
<EventTrigger RoutedEvent="Canvas.Loaded" >
<BeginStoryboard>
<Storyboard x:Name="sbPathUpDown" BeginTime="0:0:0">
<ObjectAnimationUsingKeyFrames x:Name="objAni"
Duration="0:0:2"
AutoReverse="True" RepeatBehavior="Forever"
Storyboard.TargetName="PLS"
Storyboard.TargetProperty="Points" >
<DiscreteObjectKeyFrame Value="10,50 90,50" KeyTime="0:0:0.05"></DiscreteObjectKeyFrame>
<DiscreteObjectKeyFrame Value="10,60 90,50" KeyTime="0:0:0.5"></DiscreteObjectKeyFrame>
<DiscreteObjectKeyFrame Value="10,70 105,50" KeyTime="0:0:0.9"></DiscreteObjectKeyFrame>
<DiscreteObjectKeyFrame Value="10,60 100,40" KeyTime="0:0:1.2"></DiscreteObjectKeyFrame>
<DiscreteObjectKeyFrame Value="10,50 100,50" KeyTime="0:0:1.5"></DiscreteObjectKeyFrame>
<DiscreteObjectKeyFrame Value="10,60 90,50" KeyTime="0:0:1.7" ></DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Canvas.Triggers>
</Canvas>
(动画一些线点 - 看起来很糟糕,但说明了一点:o)
如果你想计算得分并使其更加平滑等,你可以用代码填写:
objAni.KeyFrames.Clear();
double offsetx = 10.0; double offsety = 50;
double w = 40; double h = 40;
for (int i = 0; i < 20; i++)
{
var scale = i * 0.1;
var ww = w * scale;
var hh = h * scale;
var pts = new PointCollection();
pts.Add(new Point(offsetx, offsety));
pts.Add(new Point(offsetx + ww, offsety));
pts.Add(new Point(offsetx + ww, offsety + hh));
pts.Add(new Point(offsetx, offsety + hh));
pts.Add(new Point(offsetx, offsety));
objAni.KeyFrames.Add(new DiscreteObjectKeyFrame { Value = pts, KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(i / 10.0)) });
}
绘制一个可以改变大小的方框 - 你可以为它添加任意点并获得你想要的效果。