1

在表达式 Blend 中，我正在尝试创建一个切角的矩形按钮，并且在调整按钮大小时，切角应该保持不变。我相信最好的方法是创建 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>
4

0 回答 0