5

次のXAMLを作成しました

<Canvas Background="Gray" Margin="10">    
    <Ellipse x:Name="Node1" Width="20" Height="20" Fill="AliceBlue" Canvas.Left="38" Canvas.Top="136" />
    <Ellipse x:Name="Node2" Width="20" Height="20" Fill="AliceBlue" Canvas.Left="290" Canvas.Top="136" />
    <Ellipse x:Name="object" Width="10" Height="20" Fill="Black" Canvas.Left="43" Canvas.Top="125" />
    <Path Stroke="Black" StrokeThickness="1">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigureCollection>
                        <PathFigure StartPoint="50,145">
                            <PathFigure.Segments>
                                <PathSegmentCollection>
                                    <LineSegment Point="100,100" />
                                    <LineSegment Point="250,100" />
                                    <LineSegment Point="300,145" />
                                </PathSegmentCollection>
                            </PathFigure.Segments>
                        </PathFigure>
                    </PathFigureCollection>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
</Canvas>

ご覧のとおり、2 つの楕円形のノードを作成しました。2 つのノードとノード 1 にあるオブジェクトを接続するパス。ここでやりたいことは、ノード 1 のオブジェクトをノード 2 へのパスに沿ってアニメートすることだけです。

ノード2のクリックでアニメーションを発生させたいので、コードを使用してアニメーションを実行しようとしています。私はDoubleAnimation、MatrixAnimation、ストーリーボードに苦労しています..非常に混乱しています。これを達成する方法についての知識を共有してください。同じコードが曲線や複雑なパスでも機能することを願っています。

4

1 に答える 1