WPF网格像素对齐问题

Question

我正在使用 WPF 网格来对齐对象，并遇到了有关列的像素对齐的相当明显的问题。我尝试删除尽可能多的变量，并设法在这段代码中显示问题：

<Window x:Class="Test.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="100.5" />
        <ColumnDefinition Width="199.5" />
    </Grid.ColumnDefinitions>
    <Border Background="Red">
        <Grid.Column>1</Grid.Column>
    </Border>
    <Border Background="Red">
    </Border>
</Grid>
</Window>

如果运行该示例，很容易发现两列之间的边框存在问题。我相信，这是因为 WPF 只是将一列与背景进行 alpha 混合，另一列与结果进行 alpha 混合，即使从概念上讲，两列都在相同的 Z 中，因此像素应该是它们的权重和背景。

我知道这是一个有问题的问题，当然我不会故意创建具有部分像素大小的列，但在使用星形大小（我确实经常使用）时可以轻松观察到相同的效果。

可以通过使用 SnapsToDevicePixels 属性（ 而不是 ）来解决此问题。这是可行的，因为 WPF 具有内部一致的舍入，因此两列都会捕捉到同一像素。 然而，我遇到了一个与此非常相似的相关问题，但我找不到解决方案。

由于某种原因，当使用 Geometry 类时，我遇到了同样类型的像素对齐问题，而这次我没有找到任何解决方法。就好像像素是圆形的，但现在几何体被折断了一个像素，留下了一个 1 像素宽的孔。

示例代码：

<Window x:Class="Test.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Grid SnapsToDevicePixels="False">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="100.5" />
        <ColumnDefinition Width="199.5" />
    </Grid.ColumnDefinitions>
    <Border Background="Red">
        <Grid.Column>1</Grid.Column>
    </Border>
    <Border>
        <Border.Background>
            <DrawingBrush>
                <DrawingBrush.Drawing>
                    <GeometryDrawing Brush="Red">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry Rect="0,0,1,1"></RectangleGeometry>
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                </DrawingBrush.Drawing>
            </DrawingBrush>
        </Border.Background>
    </Border>
</Grid>
</Window>

知道如何正确对齐我的像素吗？

编辑：

根据答案添加 GuidelineSet 后现在可以正常工作。工作图代码为：

<DrawingGroup>
    <DrawingGroup.GuidelineSet>
        <GuidelineSet GuidelinesX="0,1" GuidelinesY="0,1"></GuidelineSet>
    </DrawingGroup.GuidelineSet>                
    <GeometryDrawing Brush="Red">
        <GeometryDrawing.Geometry>
            <RectangleGeometry Rect="0,0,1,1"></RectangleGeometry>
        </GeometryDrawing.Geometry>
    </GeometryDrawing>
</DrawingGroup>

Answer 1

我相信您必须在绘图的情况下使用GuidelineSet。 SDK 中的此处提供了有关如何应用 GuidelineSet 的很好的部分。