wpf - 如何让箭头指向我的边框？

Question

我已经尝试了 100 万件事，我快到了……

我有一个边框，我想要一个箭头向上指向(在我这样做之后，我也会对每一边和底部做同样的事情)。这是我到目前为止所拥有的:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition />
    </Grid.RowDefinitions>
    <Polygon Points="5,0 10,10, 0,10" Stroke="Black" Fill="White" Grid.Row="0" HorizontalAlignment="Center" Margin="0,0,0,-2" Panel.ZIndex="10" StrokeThickness="2" StrokeDashArray="1 0"  />
    <Border Background="#00000000" BorderBrush="Black" BorderThickness="2" CornerRadius="10" Grid.Row="1">

多边形创建了一个完美的箭头，但三角形的底部边框是黑色的，我希望它是白色的。不知道如何让它变成白色，看起来像白色的 BG 流进了箭头。这是到目前为止的样子:



我想摆脱它下面的那条黑线。如果有完全不同的方法我应该尝试，我很感兴趣:)

Answer 1

这有点棘手。将您的三角形包裹在 Grid 内与 ClipToBounds设置为 true .然后再添加一个负底Margin -2 到那个 Grid :

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition />
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" Height="10" ClipToBounds="True" Margin="0,0,0,-2">
        <Polygon Points="5,0 10,10, 0,10" Stroke="Black" Fill="White" HorizontalAlignment="Center"
                 Margin="0,0,0,-2" Panel.ZIndex="10" StrokeThickness="2" StrokeDashArray="1 0"  />
    </Grid>
    <Border Background="#00000000" BorderBrush="Black" BorderThickness="2" CornerRadius="10" Grid.Row="1">
</Grid>

你可能想让你的三角形更大，因为它的一部分将隐藏在 Grid 之外。 .