9

我在使用FluidKit 的ElementFlow 控件的 WPF 应用程序中遇到了奇怪的别名行为。我们在工作中使用应用程序中的控件来呈现内容，当 ElementFlow 的元素倾斜时，边缘别名如下图所示： 锯齿边缘

为了避免混叠，我们决定摆脱倾斜角度，所以我创建了一个快速测试应用程序，在其中我将倾斜角度、项目间隙和弹出距离绑定到滑块，这样我就可以找出看起来最好的东西。

但是，在使用相同设置的测试应用程序中，边缘很好地消除了锯齿： 抗锯齿边缘

我假设在 XAML 层次结构的某处设置了一些设置来控制它，但我尝试SnapsToDevicePixels在设计时和运行时设置各种元素和样式（使用绑定和诸如 Snoop 之类的工具）无济于事。

ElementFlow 的 XAML 如下：

<ListView.ItemsPanel>
    <ItemsPanelTemplate>
        <Fluid:ElementFlow
            x:Name="ContentElementFlow"
            SelectedIndex="{Binding SelectedIndex}"
            Focusable="True"
            TiltAngle="15.95"
            ItemGap="0.722"
            FrontItemGap="0.052"
            PopoutDistance="1.631"
            HasReflection="False"
            Background="Transparent"
            CurrentView="{StaticResource CoverFlowView}"
            ElementWidth="175"
            ElementHeight="250"
            >
            <Fluid:ElementFlow.Camera>
                <PerspectiveCamera
                    FieldOfView="60"
                    Position="0,0,6"
                    LookDirection="0,0,-6"
                    UpDirection="0,1,0"
                    />
            </Fluid:ElementFlow.Camera>
        </Fluid:ElementFlow>
    </ItemsPanelTemplate>
</ListView.ItemsPanel>

我还在两台不同的机器上尝试了这两个应用程序（一台运行 XP Pro，一台 XP Embedded，两者都具有不同级别的专用图形），并且都在一个应用程序中演示了锯齿，在另一个应用程序中演示了抗锯齿。

有谁知道可以用来控制它的任何设置或 XAML 属性？

4

4 回答 4

1

如果我没记错的话，WPF 3.5 中有一个关于这种情况下的别名的错误，我无法终生找到相关信息，但据我所知，这是 WPF 未正确设置的 Direct X 标志.

我记得发现如果你将有问题的元素包装在某些类型的父元素中，它似乎可以解决问题。例如，我认为将违规元素包装在空边框中可以解决问题吗？同样，我终生无法再次找到该信息，但如果我找到它，我将更新我的答案。

我假设您在应用程序之间看到的差异与此有关。在显示别名的应用程序中，ItemTemplate 中的项目是否包含在某种父元素中（作为测试应用程序，它们不是）？或者反之亦然？

抱歉，我无法提供更多帮助，仍在寻找信息，但今天我的 Google 功能似乎很弱。

更新：好的，我找到了我的想法。

http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/7382637b-b4bc-4a46-8bed-f36250a65385/

这与效果有关，所以也许这与您看到的不同，但值得一试。

于 2010-08-19T18:41:28.090 回答
1

要考虑的一件事是 ElementFlow 控件的位置。如果它的排列矩形不在整个像素上，那可能会抛弃一切。SnapToDevicePixels 对排列矩形没有帮助。

这通常在您使用 TextBlock 时发生，因为它们的高度/宽度通常不是整数。

在 .NET 4 中，有一个新的FrameworkElement.UseLayoutRounding可以解决此问题。

于 2010-08-20T13:04:11.950 回答
1

这是 WPF 3D 的常见问题。FluidKit 的 ElementFlow 使用 WPF 3D。控件中的项目是实际的 3D 对象（Viewport3D、ContainerUIElement3D）。子像素渲染问题、LayoutRounding 和 SnapToDevicePixels 不适用于 3D 内容。当性能不正确时，WPF 将恢复为别名 Viewport3D 内容。所以很可能你的有问题的应用程序消耗了太多的资源（CPU、GPU、内存）。我的经验是，这种情况在 Windows XP 下比在 Vista/Windows 7 下更频繁地发生。对于 Windows XP，设置抗锯齿注册表项会有所帮助。除了提高应用程序的性能之外，您无能为力。

于 2010-08-21T05:11:26.230 回答
0

来自 MSFT 的 Brendan Clark 说：

当您尝试在子像素位置绘制内容时，会发生此类错误。如果您尝试在半像素边界上绘制一条线，WPF 通常会对该线进行抗锯齿处理，以将其混合到包含它的两个像素（这会导致它变得不那么锐利、更轻或“模糊”）。如果您强制使用锯齿渲染，子像素边界上的线条有时最终会完全绘制在一个像素内；其他时候，四舍五入会起作用，这样它们就会消失。

您是否尝试为 ElementHeight 设置不同的值？

于 2010-08-18T16:39:23.260 回答