为什么 UseLayoutRounding 似乎不适用于 Viewbox？

Question

我正在尝试在 WPF 4 中编写一个基于图块的游戏。我希望游戏板能够缩放以适合窗口，因此我使用了 Viewbox；但我希望每个图块都位于漂亮、清晰的像素边界上。我可能是错的，但我的理解是，这就是新的 UseLayoutRounding 属性的用途 - 但它没有按我预期的方式工作。

这是一个演示该问题的窗口：

<Window x:Class="Tyler.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Width="600" Height="400" Background="Black">
    <Viewbox>
        <Canvas Width="1000" Height="1000">
            <Rectangle Canvas.Left="100" Canvas.Top="100"
                       Width="100" Height="100" Fill="Gray"/>
            <Rectangle Canvas.Left="200" Canvas.Top="100"
                       Width="100" Height="100" Fill="Gray"/>
        </Canvas>
    </Viewbox>
</Window>

两个矩形相邻，但由于子像素坐标（由 Viewbox 的缩放产生），我最终在它们之间出现了较深的灰色接缝。这就是我想要摆脱的——我希望它们能够无缝地融合在一起。

但UseLayoutRounding似乎没有这个效果。我尝试过在窗口、视图框、画布、矩形上设置 UseLayoutRounding="True" ——我什至尝试过一次将其放在所有这些上。对接缝没有影响。

我错过了什么（或误解）？如何使布局舍入与 Viewbox 一起使用？

Answer 1

SnapsToDevicePixels=True 就是你想要的

<Viewbox SnapsToDevicePixels="True" >
    <Canvas Width="1000" Height="1000">
        <Rectangle Canvas.Left="100" Canvas.Top="100"
                   Width="100" Height="100" Fill="Gray"/>
        <Rectangle Canvas.Left="200" Canvas.Top="100"
                   Width="100" Height="100" Fill="Gray"/>
    </Canvas>
</Viewbox>