Ich verwende einige Bilder in meiner WPF-Anwendung.
XAML:
<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" />
Aber sie erscheinen verschwommen.
Warum SnapsToDevicePixels="True"verhindert diese Linie dieses Problem nicht?
Antworten:
Möglicherweise möchten Sie eine neue Eigenschaft ausprobieren, die jetzt in WPF4 verfügbar ist . Lassen Sie das
RenderOptions.BitmapScalingModezu Highquality oder es einfach nicht erklären.NearestNeighbor arbeitete für mich, außer dass es beim Vergrößern der Anwendung zu zackigen Bitmaps kam. Es schien auch keine Störungen zu beheben, bei denen die Größe der Symbole auf seltsame Weise gemessen wurde.
Fügen Sie in Ihrem Stammelement (dh in Ihrem Hauptfenster) diese Eigenschaft hinzu :
UseLayoutRounding="True".Eine Eigenschaft, die bisher nur in Silverlight verfügbar war, hat jetzt alle Probleme mit der Bitmap-Größe behoben. :) :)
quelle
Anstatt zu verwenden
SnapsToDevicePixels, habe ich stattdessen verwendetRenderOptions.BitmapScalingModeund sie sind jetzt schön und knackig!XAML:
quelle
+1 für Zack Peterson
Ich verwende .Net 3.5 sp1 und es scheint die einfachste Lösung für eine große Anzahl von Fuzzy-Bildern zu sein. Es ist keine große Sache, RenderOptions direkt anzugeben, aber für Komponenten von Drittanbietern ist ein Stil in Ressourcen auf App-Ebene sinnvoll:
Funktionierte gut, als AvalonDock anfing, verschwommene Symbole zu rendern.
quelle
Die Verwendung des
UseLayoutRounding="True"Fensters im Stammverzeichnis funktioniert in vielen Fällen, bei der Verwendung des WPF-Multifunktionsleisten- Steuerelements ist jedoch ein Problem aufgetreten . Meine Anwendung basiertUseLayoutRoundingaufTruekontextbezogenen Registerkarten, die entsprechend den Aktivitäten des Benutzers angezeigt werden. Wenn ich die Option auf einstelle , wird die kontextbezogene Registerkarte nicht angezeigt und das Bild des RibbonButton auch nicht. Außerdem friert die Anwendung für viele Sekunden ein und der CPU-Lüfter beginnt zu singen.Die Verwendung
RenderOptions.BitmapScalingMode="NearestNeighbor"auf meinem Bild hat die Probleme beim Rendern von Bildern (unscharfes und zugeschnittenes Bild) behoben und ist vollständig kompatibel mit der Verwendung der kontextbezogenen Registerkarten für Multifunktionsleisten.quelle
RenderOptions.BitmapScalingMode = "NearestNeighbor" funktioniert die meiste Zeit gut. Gelegentlich treten jedoch grafische Störungen auf (in meinem Fall wurden 4 von 5 Bildern gut angezeigt, aber das fünfte hatte eine leichte Verzerrung am rechten Rand). Ich habe es behoben, indem ich den rechten Rand des Bildsteuerelements um 1 vergrößert habe.
Wenn dies immer noch nicht behoben werden kann, versuchen Sie es mit dem Bitmap-Klassensteuerelement oben, das EugeneZ erwähnt. Es ist ein Ersatz für die Bildsteuerung und bisher hat es für mich ziemlich gut funktioniert. Siehe http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx
quelle
Stellen Sie sicher, dass Sie das Bild in derselben DPI speichern, in der Ihre WPF-Anwendung arbeitet. In einigen Bildformaten werden diese Informationen als Metadaten gespeichert. Ich weiß nicht, ob dies das Problem löst, aber ich habe einige Probleme, weil Bilder, deren Größe auf 100% geändert wurde, größer oder kleiner als erwartet wurden.
Könnte etwas Ähnliches sein.
quelle
Verwenden Sie UseLayoutRounding = True für das oberste Element in Ihrer Anwendung
quelle
Ich glaube, das ist ein Fehler (oder zumindest war es das). Auf dieser Microsoft-Support-E-Mail-Austauschseite finden Sie einige Ideen zur Behebung.
quelle
Ich habe festgestellt, dass RenderOptions.BitmapScalingMode = "NearestNeighbor" für mich nicht funktioniert. Ich verwende Windows XP x32 mit DirectX 9.0c. Da das eigentliche Rendern für WPF mit DirectX erfolgt, kann dies Auswirkungen haben. Ich habe Anti-Aliasing für XP mit den folgenden Registrierungseinträgen aktiviert:
[HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Avalon.Graphics] "MaxMultisampleType" = dword: 00000004 "EnableDebugControl" = dword: 00000001
Das Deaktivieren von aa mit diesen Einstellungen hat jedoch keine Auswirkungen auf die Bilder. Ich denke, dies wirkt sich nur auf 3D-Ansichtsfenster aus.
Schließlich stellte ich fest, dass die Unschärfe sowohl beim Text von TextBlocks als auch bei Bildern auftritt. Und die Unschärfe tritt nur bei einigen Textblöcken und Bildern auf, nicht bei allen.
quelle
Ich habe festgestellt, dass keine Kombination der vorgeschlagenen Problemumgehungen mein scheinbar zufälliges Problem mit verschwommenen Bildern beheben würde. Ich mag viele andere, die nicht auf .net 4 upgraden können, um die
UseLayoutRenderingEigenschaft zu nutzen .Was ich gefunden habe, um zu arbeiten:
quelle
Mein erster Gedanke beim Lesen der Frage war, dass Sie das Bild zu stark in die Luft gesprengt haben, aber das scheint bei dem Bild, das Sie von der App haben, nicht der Fall zu sein.
Der zweite Gedanke ist die Farbpalette, aber mit Schwarz als einer der Farben, die nicht richtig gerendert werden, ist dies nicht so wahrscheinlich.
Wenn Sie die beiden oben genannten vollständig ausschließen können, bin ich derzeit ratlos.
Als Experiment können Sie andere Grafikformate ausprobieren, aber PNG sollte in Ordnung sein. Ich muss noch etwas darüber nachdenken, um eine bessere Antwort zu finden.
quelle
Ich habe versucht, RenderOptions.BitmapScalingMode = HighQuality zu verwenden. Es scheint, dass dies einige Probleme in Windows 8.1 verursacht. Ich habe sie also über das Tool PngOut.exe ausgeführt
http://advsys.net/ken/utils.htm
Dies reduziert den Header des PNG und reduziert auch die Größe, ohne jedoch die Bildqualität zu ändern.
Und jetzt sind alle meine Bilder perfekt! :-)
quelle