当前位置：文江博客话题详情

如何使用 doubleanimation / pointanimation 对折线点进行动画处理

发布于 2024-12-12 18:00:11 字数 164 浏览 5 评论 0原文

假设我有一条折线，并且我希望使用动画仅将折线的末端从 A 移动到 B。我应该怎样去做呢？

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

在此输入图像描述

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

只为一人 2024-12-19 18:00:11

据我所知，不可能开箱即用，因为您正在尝试为 PointCollection 内的 Point 制作动画。您真正需要的是一个 PointCollectionAnimation，而 WPF 并未提供。然而，出色的 Charles Petzold 不久前写了这篇文章，向您展示了如何你可以去做。

回复收藏 0 原文

紫南 2024-12-19 18:00:11

由于已接受的答案中提到的链接不再有效，因此我发布了我的方法。

<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>

As the link mentioned in the accepted answer doesn't work anymore, so I am posting my approach.

<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>

回复收藏 0 原文

~没有更多了~