Xaml 网格中两个形状之间不需要的重叠/间隙？表达式混合

在ExpressionBlend中，我尝试创建一个具有切角的矩形按钮，当按钮调整大小时，切角应保持不变。我认为最好的方法是创建3个形状（2个矩形和1个三角形路径），并将它们强制组合在一个网格中。我还将笔划设置为“无”

但是，形状之间有一个轻微的（但明显的）间隙/重叠，在它们连接的地方留下线条。当填充应用了alpha（我需要用于设计）时，问题变得明显

你能看一下代码，看看问题是什么（在我把它变成控件之前，它目前只是一个网格）。或者也许有更好的方法来创建这个带有切角的矩形按钮（并且切角不会调整大小）

---

您是否找到了解决方案？

    <Grid HorizontalAlignment="Left" Margin="0" VerticalAlignment="Top" MinWidth="350" MinHeight="60">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="17"/>
            <ColumnDefinition Width="5"/>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="1" Margin="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="17"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Path Data="M0.5,0.5 L16.5,16.5 0.5,16.5 z" Stretch="Fill" Width="17" Height="17">
                <Path.Fill>
                    <SolidColorBrush Color="#7F000000"/>
                </Path.Fill>
            </Path>
            <Rectangle Margin="0" Grid.Row="1">
                <Rectangle.Fill>
                    <SolidColorBrush Color="#7F000000"/>
                </Rectangle.Fill>
            </Rectangle>
        </Grid>
        <Rectangle>
            <Rectangle.Fill>
                <SolidColorBrush Color="#7F000000"/>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>