Windows Phone 8 设备上的像素对齐

Question

我正在尝试在 WP8 设备 (Lumia 920) 上显示一个简单的全屏位图。

它有1280x768屏幕，使用ScaleFactor160和800x480的虚拟分辨率。

这是显示黑白棋盘位图的结果（它是模糊的）：

• Source image
• Screenshot
• Cropped zoomed fragment（注意这应该是黑白棋盘格，而不是深灰色/浅灰色，看到文本像素更白

而且，很明显，UseLayoutRounding 在任何地方都是 True。

那么，嗯，是否可以在高分辨率 Windows Phone 8 设备上对位图进行像素对齐？

更新：检查了 800x480 模拟器（带有 800x480 图像） - 非常清晰。 1280x768 模拟器 - 模糊，与设备上相同：/

此外，使用viewport width=device-width 打开Web page with checkerboard background（注意：1280x768 图像）会产生相同的模糊图像。这是否意味着除了使用 Direct3D 之外，无法在 Lumia 上获得清晰的全屏图像？

XAML：

<phone:PhoneApplicationPage 
    x:Class="PhoneRt.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True" UseLayoutRounding="True">
    <Canvas x:Name="LayoutRoot">
        <TextBlock x:Name="button">aaa</TextBlock>
        <Image x:Name="viewport" UseLayoutRounding="True" Canvas.Left="0" Canvas.Top="0" Width="480" Height="800"></Image>
    </Canvas>
</phone:PhoneApplicationPage>

放大片段：

Answer 1

我在模拟器中玩了一下。首先，我认为这是因为您在后面的代码中设置了图像，但实际上似乎系统托盘是罪魁祸首。

• 系统托盘已关闭 -> 又好又脆。
• 系统托盘打开 -> 灰显。

可能是系统托盘从应用程序空间中截断的像素弄乱了缩放比例。如果您将系统托盘设置为有点透明，则用户看不到它，并且屏幕空间更大。对我来说，这使得棋盘图形清晰且黑白。

试试

shell:SystemTray.Opacity="0.99"

在您的 XAML 文件中。