當我們在網格 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 將其移到最左邊