WPF 网格 - 绘制自定义网格线

Question

假设我有一个非常简单的 WPF 网格(6 行 x 6 列)，定义如下:

<Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
</Grid.RowDefinitions>

<Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

我想要如下绘制的网格线(一条实线和两条虚线)如下(我是在 Excel 中绘制的，因此忽略浅色 Excel 网格线):



我该如何在 XAML 中执行此操作？

Answer 1

您可以放置​​Line s 位于所需单元格的顶部，通过设置 VerticalAlignment="Top" ，合适的Grid.ColumnSpan ，并设置 StrokeDashArray得到虚线。

编辑:以上只是我的头顶，我显然忘记了 WPF 的一些“功能”。

这是我工作的示例。我把它放在一个有 5 行和列的 Grid 中，星形大小。

<Line Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" Grid.ColumnSpan="2"
    VerticalAlignment="Center" Stroke="Black" StrokeThickness="1"
    X2="{Binding Path=ActualWidth, RelativeSource={RelativeSource Self}}" />
<Line Grid.Row="1" Grid.Column="2" Grid.RowSpan="2" Grid.ColumnSpan="2"
    VerticalAlignment="Center" Stroke="Black" StrokeThickness="2" StrokeDashArray="5,3"
    X2="{Binding Path=ActualWidth, RelativeSource={RelativeSource Self}}" />

注意:如果行的大小不同，那将不起作用，因为它使两行中的线居中。如果它们的大小不同，您将需要 VerticalAlignment="Top" ，但请注意，该行的上半部分将被剪裁。