在 XAML/WPF 中创建重复符号

Question

我需要在 XAML / WPF 中创建一个重复符号（过程代码也可以，但如果可能的话我更喜欢 XAML），如下所示，但我只需要带有箭头的未完成圆圈（按钮中的白色绘图）： http://www.vista-style-icons.com/libs/phone/repeat.htm

我知道如何在 XAML 中创建一个圆圈，但我不知道如何创建一个未完成的圆圈并在开口端添加一个箭头？ 感谢您的帮助！

Answer 1

您可以使用ArcSegment 作为Path 形状中的路径段来创建未完成的圆。您指定圆弧的起点和终点以及整个圆的半径。您可以通过将它们放在网格中来将其呈现在蓝色圆圈的顶部：

<Grid Width="160" Height="160">
    <Ellipse Fill="Blue"/>
    <Path StrokeThickness="5" Stroke="White">
        <Path.Data>
            <PathGeometry>
                <PathFigure StartPoint="115,45">
                    <ArcSegment Point="115,115" Size="50,50" IsLargeArc="True"/>
                </PathFigure>
            </PathGeometry>
        </Path.Data>
    </Path>
    <Polygon Points="115,115 105,105 125,105 125,125" Fill="White"/>
</Grid>

您也可以使用较短的Path Markup Syntax 创建 StreamGeometry 而不是 PathGeometry：

<Grid Width="160" Height="160">
    <Ellipse Fill="Blue"/>
    <Path Data="M 115,45 A 50,50 0 1 0 115,115"
        StrokeThickness="5" Stroke="White"/>
    <Polygon Points="115,115 105,105 125,105 125,125" Fill="White"/>
</Grid>

您需要对其进行处理以获得您想要的外观，但这应该会为您提供绘制带有箭头的未完成圆圈的基本技巧。