如何使用doubleanimation / pointanimation为折线点设置动画

时间:2011-11-01 07:57:16

标签: c# wpf shapes kinect polyline

假设我有一条折线,我希望只使用动画将折线的末端从A移动到B.我应该怎么做呢?

p / s:如果建议是针对折线而不是其他控件(如路径等),我仍然会更喜欢:)

enter image description here

2 个答案:

答案 0 :(得分:2)

据我所知,不可能开箱即用,因为您试图在Point内为PointCollection设置动画。你真正需要的是PointCollectionAnimation,WPF没有提供。然而,令人敬畏的Charles Petzold前段时间写了this article,告诉你如何去做。

答案 1 :(得分:0)

由于接受的答案中提到的链接不再起作用,所以我发布了我的方法。

<Path Stroke="Red">
            <Path.Data>
                <GeometryGroup>
                    <LineGeometry x:Name="G1" StartPoint="100,100" EndPoint="100,0"/>
                </GeometryGroup>
            </Path.Data>
            <Path.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <BeginStoryboard>
                        <Storyboard>                            
                            <PointAnimationUsingPath Storyboard.TargetName="G1" Storyboard.TargetProperty="EndPoint">
                                <PointAnimationUsingPath.PathGeometry>
                                    <PathGeometry Figures="M 100,0 C 150,50 200,75 250, 100" />
                                </PointAnimationUsingPath.PathGeometry>
                            </PointAnimationUsingPath>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Path.Triggers>
        </Path>