当我们在网格 WPF 的右端绘制线条时，线条的 StrokeThickness 无法正常工作

Question

我正在尝试将线条的 StrokeThickness 设置为大于 1。但是 StrokeThickness 未正确应用在网格右侧的线条中。 左侧线工作正常。 代码片段

<Grid
        x:Name="BottomRightPanel"
        Width="500"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Background="Yellow">
        <Line
            x:Name="line"
            Stroke="Black"
            StrokeThickness="5"
            X1="0"
            X2="0"
            Y1="0"
            Y2="50" />
        <Line
            x:Name="line1"
            Stroke="Black"
            StrokeThickness="5"
            X1="500"
            X2="500"
            Y1="0"
            Y2="50">
        </Line>
    </Grid>

截屏：

线条被裁剪

Answer 1

减小右侧线的 X1 和 X2 值以考虑笔划粗细：

<Line
    x:Name="line1"
    Stroke="Black"
    StrokeThickness="5"
    X1="497.5"
    X2="497.5"
    Y1="0"
    Y2="50">

或使用Border ：

<Border Width="500" Background="Yellow"
        BorderBrush="Black" BorderThickness="5 0 5 0"
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
    <Grid>
        <TextBlock />
    </Grid>
</Border>

Answer 2

根据我的观察，您已经为像 5 这样的线提供了一些粗细，尽管由于这种增加的粗细而正确绘制了它 plot 就像 X position 为 505。

更好的是，您可以在下面调整 X 位置

 <Line x:Name="line" Stroke="Black" StrokeThickness="5" X1="0" X2="0" Y1="0" Y2="50" /> <Line x:Name="line1" Stroke="Black" StrokeThickness="5" X1="495" X2="495" Y1="0" Y2="50"/>

或者像下面这样添加

 <Canvas> <Line x:Name="line" Stroke="Black" StrokeThickness="5" X1="0" X2="0" Y1="0" Y2="50" /> <Line x:Name="line1" Canvas.Left="500" Stroke="Black" StrokeThickness="5" X1="0" X2="0" Y1="0" Y2="50" /> </Canvas>

保持同一行 plot 值并使用 Canvas.Left 将其移到最左边