在WPF中，当追加一个usercontrol到边框时，它看起来不清晰

Question

我遇到了一个很奇怪的问题。

<Grid> 
    <Border x:Name="C01" VerticalAlignment="Center" Panel.ZIndex="2" HorizontalAlignment="Center" /> 
</Grid> 

Border'C01'，我用它来显示UserControl。像这样的：

<UserControl x:Class="Nwp.UserComponents.ULogin" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     Width="350" Height="220"> 
    <Grid> 
     <Border Margin="10" BorderBrush="DimGray" BorderThickness="1" Background="White"> 
      <Border.Effect> 
       <DropShadowEffect ShadowDepth="0" BlurRadius="10"/> 
      </Border.Effect> 
      <Grid> 
       ... here's content 
      </Grid> 
     </Border> 
    </Grid> 
</UserControl> 

我这个用户控件添加到边境 'C01' 这样的：

C01.Child = new ULogin(); 

到目前为止，一切都很好，看起来是这样的：

公告usercontrol的宽度和高度是2个复数：350 & 220. 如果其中一个我更改为单数，UserControl当我再次使用复数

：显示有点模糊330x200，无残影：

使用单数330x201，再次模糊：

我相信这超出了我的能力，所以任何人都知道如何解决这个？

Answer 1

你只需要设置UIElement.SnapsToDevicePixels property上Border到True：

<Border Margin="10" BorderBrush="DimGray" BorderThickness="1" Background="White" 
     SnapsToDevicePixels="True"> 
     <Border.Effect> 
      <DropShadowEffect ShadowDepth="0" BlurRadius="10"/> 
     </Border.Effect> 
     <Grid> 
      ... here's content 
     </Grid> 
    </Border> 

从MSDN上的链接页面：

获取或设置确定是否渲染这个元素的值应该在渲染过程中使用设备特定的像素设置。

...

对于在大于每英寸96个点（dpi）的操作的装置，像素卡扣渲染可以最小化抗混叠在单单元实线附近的视觉伪影。