我想要实现它，如图所示。（在WPF中绘制对角线）

debugcn 发表于 Dev

Ahnyeoong

我想像上面的图片一样实现它。

 <Grid>
    <Border BorderThickness="1" BorderBrush="#eeeeee" Height="200" Width="300">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="6*"/>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="3*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Border Background="#55a0c4">
                <TextBlock Text="묘도대교 PY1 탑정부" Padding="6" Foreground="White"/>
            </Border>
            <Border Grid.Column="1" Background="White" Margin="0 0 0 0">
                <Path Stroke="#55a0c4" StrokeThickness="1" Stretch="Fill" Margin="0 4 0 0">
                    <Path.Data>
                        <LineGeometry StartPoint="1,0" EndPoint="0,1" />
                    </Path.Data>
                </Path>
            </Border>
            <Border Background="#55a0c4" Grid.Column="2" VerticalAlignment="Top" Height="5"/>
        </Grid>
    </Border>
</Grid>

上面的图片和代码由我实现，但是我不能仅在上面的空白处填写背景。我该怎么办？

彼得·杜尼奥（Peter Duniho）

您只需要一个不同的几何体。与其画一条线，不如画一个三角形。这将填满您想要的大部分区域。然后，您只需要包括一个矩形即可填充三角形上方的空间。这是您需要执行的代码版本：

<Border BorderThickness="1" BorderBrush="#eeeeee" Height="200" Width="300">
  <Grid SnapsToDevicePixels="True">
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="6*"/>
      <ColumnDefinition Width="1*"/>
      <ColumnDefinition Width="3*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="auto"/>
      <RowDefinition/>
    </Grid.RowDefinitions>
    <Border Background="#55a0c4">
      <TextBlock Text="묘도대교 PY1 탑정부" Padding="6" Foreground="White"/>
    </Border>
    <Border Grid.Column="1" Background="White" Margin="0 0 0 0">
      <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        <Path Fill="#55a0c4" Stretch="Fill" Margin="0 5 0 0" Data="M 0,0 H 1 L 0,1 Z"/>
        <Rectangle Fill="#55a0c4" Height="5" HorizontalAlignment="Stretch" VerticalAlignment="Top"/>
      </Grid>
    </Border>
    <Border Background="#55a0c4" Grid.Column="2" VerticalAlignment="Top" Height="5"/>
  </Grid>
</Border>

看起来像这样：