blocks|key|1617122|text|读到这个问题，我的第一个想法是，你把图片放大得太多了，但从你拥有的应用程序的图片来看，情况似乎并非如此。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1617123|第二个想法是调色板，但黑色作为其中一个没有正确呈现的颜色，这是不太可能的。|1617124|如果你能完全排除上面的两个，我现在被难住了。|1617125|作为实验，您可以尝试其他图形格式，但PNG应该可以。我将不得不通过更多的思考来提出一个更好的答案。|1617126|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

My first thought, reading the question, was you were blowing up the image too much, but that does not appear to be the case looking at the image you have of the app.

Second thought is color palette, but with black as one of the colors that is not rendering correctly, this is not as likely.

If you can fully rule out the two above, I am currently stumped.

As an experiment, you can try other graphics formats, but PNG should be fine. I will have to think it through some more to come up with a better answer.

blocks|key|1402456|text|我相信这是一个bug+(或者至少曾经是)。请查看此Microsoft+support+e-mail+exchange页面，获取一些修复该问题的想法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1402457|entityMap|0|LINK|mutability|MUTABLE|url|http://www.developersdex.com/csharp/message.asp?p=1111&r=6274860^0|P|X|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I believe this is a bug (or at least it was). Check out this <a href="http://www.developersdex.com/csharp/message.asp?p=1111&amp;r=6274860" rel="nofollow noreferrer">Microsoft support e-mail exchange</a> page for some ideas to fix it.

blocks|key|1617255|text|我用的不是SnapsToDevicePixels，而是RenderOptions.BitmapScalingMode，它们现在又好又干净利落！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1617256|XAML：|1617257|<Image+Name="ImageOrderedList"
+++++++Source="images/OrderedList.png"
+++++++ToolTip="Ordered+List"
+++++++Margin="0,0,5,5"
+++++++Width="20"
+++++++Height="20"
+++++++RenderOptions.BitmapScalingMode="NearestNeighbor"
+++++++MouseUp="Image_MouseUp"
+++++++MouseEnter="Image_MouseEnter"
+++++++MouseLeave="Image_MouseLeave"+/>|code-block|syntax|javascript|1617258|entityMap^0|5|J|R|V|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Rather than using <code>SnapsToDevicePixels</code>, I instead used <code>RenderOptions.BitmapScalingMode</code> and they're now nice and crisp!

XAML:

<pre><code>&lt;Image Name="ImageOrderedList"
 Source="images/OrderedList.png"
 ToolTip="Ordered List"
 Margin="0,0,5,5"
 Width="20"
 Height="20"
 RenderOptions.BitmapScalingMode="NearestNeighbor"
 MouseUp="Image_MouseUp"
 MouseEnter="Image_MouseEnter"
 MouseLeave="Image_MouseLeave" /&gt;
</code></pre>

blocks|key|1617312|text|RenderOptions.BitmapScalingMode="NearestNeighbor“在大多数情况下都工作得很好。然而，偶尔你会遇到图形故障(在我的例子中，5个图像中有4个显示得很好，但第五个图像在右边有轻微的失真)。我把Image控件的右边距增加了1，解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1617313|如果仍然不能修复它，请尝试EugeneZ提到的上面的Bitmap类控件。它是Image控件的替代品，到目前为止，它对我来说工作得很好。请参阅http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx|offset|length|1617314|entityMap|0|LINK|mutability|MUTABLE|url|http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx^0|0|1Y|1Z|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

RenderOptions.BitmapScalingMode="NearestNeighbor" works well most of the time. However, occasionally you'll get graphical glitches (in my case, 4 out of 5 images showed up fine, but the fifth had a slight distortion on the right edge). I fixed it my increasing the Image control's right margin by 1.

If that still doesn't fix it, try the Bitmap class control above that EugeneZ mentions. It's a replacement for the Image control and so far it's worked pretty well for me. See <a href="http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx" rel="noreferrer">http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx</a>

blocks|key|1617379|text|请确保将图像保存在WPF应用程序正在使用的同一DPI中，某些图像格式会将此信息存储为元数据。我不知道这是否解决了问题，但我有一些问题，因为这个问题，图像调整到100%25变得比预期的更大或更小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1617380|可能是类似的东西。|1617381|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Make sure you save the image in the same DPI as your WPF application is working in, some image formats have this info stored as metadata. I don't know if this solves the problem but I've hade some problems because of this where images resized to 100% got bigger or smaller than expected.

Might be something similar.

blocks|key|1402744|text|扎克·彼得森%2B1|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402745|我使用的是.Net+3.5+sp1，它看起来是处理大量模糊图像的最简单的解决方案。就地指定RenderOptions并不是什么大问题，但对于第三方组件来说，应用级资源中的样式是有意义的：|1402746|+<Style+TargetType="{x:Type+Image}">
++++<Setter
++++++++Property="RenderOptions.BitmapScalingMode"
++++++++Value="NearestNeighbor"+/>
+</Style>|code-block|syntax|javascript|1402747|当AvalonDock开始渲染模糊图标时，效果很好。|1402748|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

+1 for Zack Peterson

I'm using .Net 3.5 sp1 and it looks like the most simple solution for a large number of fuzzy images.
It's not a big deal to specify RenderOptions in-place, but for 3rd-party components a style in app-level resource makes sense:

<pre><code> &lt;Style TargetType="{x:Type Image}"&gt;
 &lt;Setter
 Property="RenderOptions.BitmapScalingMode"
 Value="NearestNeighbor" /&gt;
 &lt;/Style&gt;
</code></pre>

Worked nicely when AvalonDock started to render blurry icons.

blocks|key|1402793|text|我发现RenderOptions.BitmapScalingMode="NearestNeighbor“对我不起作用。我使用的是带有DirectX+9.0c的Windows+XP+x32。由于WPF的实际呈现是使用DirectX完成的，因此这可能会产生影响。我使用以下注册表项为XP打开了抗锯齿功能：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402794|HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Avalon.Graphics+"MaxMultisampleType"=dword:00000004+"EnableDebugControl"=dword:00000001|1402795|但是，使用这些设置关闭aa对图像没有影响。我认为这只会影响3D视口。|1402796|最后，我发现TextBlocks的文本和图像一样会出现模糊。而且模糊只发生在某些文本块和图像上，而不是所有文本块和图像上。|1402797|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I have found that the RenderOptions.BitmapScalingMode="NearestNeighbor" does not work for me. I'm using Windows XP x32 with DirectX 9.0c. As the actual rendering for WPF is done with DirectX, this could have an effect. I do have anti-aliasing turned on for XP with the following registry entries:

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Avalon.Graphics]
"MaxMultisampleType"=dword:00000004
"EnableDebugControl"=dword:00000001

However, turning aa off with these settings has no effect on the images. I think this only effects 3D Viewports.

Finally, I found that the blurring occurs with the text of TextBlocks as well as images. And the blurring only happens for some text blocks and images, not all of them.

blocks|key|1402842|text|我尝试过使用RenderOptions.BitmapScalingMode=HighQuality，似乎在Windows8.1中导致了一些问题，所以我所做的就是通过一个名为PngOut.exe的工具来运行它们|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402843|http://advsys.net/ken/utils.htm|offset|length|1402844|这减小了png的报头，并且还减小了尺寸，但不改变图像质量。|1402845|现在我所有的图像都完美了！:-)|1402846|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|V|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@$D|S|E|T|1|U]]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|C]]]]

I've tried to use the RenderOptions.BitmapScalingMode=HighQuality, seems like is causes some problems in Windows 8.1, so what i did was to run them through the tool called PngOut.exe 

<a href="http://advsys.net/ken/utils.htm" rel="nofollow">http://advsys.net/ken/utils.htm</a> 

Which reduces the header of the png, and also reduces the size, but without changing the image quality. 

And now all my images are perfect! :-)

I'm using some Images in my WPF applcation.

XAML:

<pre><code>&lt;Image Name="ImageOrderedList"
 Source="images/OrderedList.png"
 ToolTip="Ordered List"
 Margin="0,0,5,5"
 Width="20"
 Height="20"
 SnapsToDevicePixels="True"
 MouseUp="Image_MouseUp"
 MouseEnter="Image_MouseEnter"
 MouseLeave="Image_MouseLeave" /&gt;
</code></pre>

But, they appear fuzzy.

Why doesn't that <code>SnapsToDevicePixels="True"</code> line prevent this problem?

My images are blurry! Why isn't WPF's SnapsToDevicePixels working?

Windows

我在WPF应用程序中使用了一些图像。XAML：<Image Name="ImageOrderedList" Source="images/OrderedList.png" ToolTip="Ordered List" Margin="0,0,5,5" Width="20"...

问我的图像很模糊！为什么WPF的SnapsToDevicePixels不工作？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我的图像很模糊！为什么WPF的SnapsToDevicePixels不工作？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我的图像很模糊！为什么WPF的SnapsToDevicePixels不工作？
EN