如何制作反向路径

时间:2017-03-22 10:56:05

标签: wpf xaml path

我有这段代码:

<Path Stroke="Black" Margin="15">
    <Path.Data>
        <PathGeometry>
            <PathFigure StartPoint="150,100">
                <ArcSegment Size="50,50" Point="50,50" />
            </PathFigure>
        </PathGeometry>
    </Path.Data>
</Path>

结果路径是这样的:

enter image description here

我想制作相反的路径:

enter image description here

但是我想在没有转动StartPoint和ArcSegment Point的情况下做这个,因为我需要这个Path来制作DoubleAnimationUsingPath(如果我将StartPoint设置为50,50并且将ArcSegmentPoint设置为150,100,那么数字还可以,但是动画进入反向模式)。

1 个答案:

答案 0 :(得分:1)

针对此特定情况的修复非常简单,只需在ArcSegment上设置SweepDirection="Clockwise"即可。如果这只是一个示例,而不是您的实际用例,您可能希望包含更多代码(例如动画)。

<Path Stroke="Black" Margin="15">
    <Path.Data>
        <PathGeometry>
            <PathFigure StartPoint="150,100">
                <ArcSegment SweepDirection="Clockwise" Size="50,50" Point="50,50" />
            </PathFigure>
        </PathGeometry>
    </Path.Data>
</Path>

万一你需要它,还有IsLargeArc设置,你可以在达到某个阈值后切换(取决于你的用例)。

示例结果:

Example Animation Result