WPF, Images floues & SnapsToDevicePixels

C’est en construisant un programme, et plus précisément en portant un contrôle de WinForms vers WPF que je me suis rendu compte que WPF avait la fâcheuse habitude de rendre les images “floues”. Après avoir chipoté dans les RenderOptions, je pensais avoir trouvé une solution en utilisant l’interpolation du plus proche voisin.

C’étant sans compter sur des effets de bords, qui rendaient parfois l’image très désagréable à voir (alors que dans d’autres cas, elle retrouve tout simplement son rendu net, sans artéfacts). Je me suis alors interrogé. Pourquoi une image dont la taille de rendu à l’écran était identique à sa taille réelle éprouvait le besoin d’être redimensionnée?

En cherchant sur le net, je suis tombé sur cet article, qui décrit bien le problème :
http://www.nbdtech.com/Blog/archive/2008/11/20/blurred-images-in-wpf.aspx

En WinForms, une image n’est pas redimensionnée car elle est affichée directement sur le layer graphique.

En WPF, un layer intermédiaire existe, et il est plus précis que le layer graphique, ce qui permet un positionnement très précis (diviser un nombre impair de pixels en deux est possible) mais qui occasionne alors un resampling à la fin, ce qui conduit à des résultats parfois décevants :

La solution consiste en fait à appliquer SnapsToDevicePixels pour forcer WPF à ne pas aligner l’image sur des demi pixels, mais bien sur des pixels réels. Cela enlève donc le besoin de resampler l’image et permet de retrouver la netteté originale. Cela peut cependant avoir des conséquences dans un layout où les autres éléments sont rendus sans SnapsToDevicePixels car l’image peut déborder ou ne pas remplir tout l’espace disponible et laisser une rangée de pixel vide.

En espérant en aider certains,

François

Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
Publié 28 août 10 11:29 par FREMYCOMPANY
Classé sous : , ,

Commentaires

# FREMYCOMPANY said on février 1, 2011 18:14:

Notes additionnelles: SnapsToDevicePixels ne résolvant pas le problème à 100%, une propriété additionnelle a été ajoutée sous WPF4 : UseLayoutRounding. Utiliser SnapsToDevicePixels et UseLayoutRounding couvre plus de cas.

Afin d'éviter tous problèmes, on peut aussi utiliser un composant particulier (je le nomme PixelImage) qui contient une Image et modifie dynamiquement ses propriétés Margin afin de compenser les demi-pixels dus au positionnement sub-pixel. Combiner les approches reste encore la meilleure solution.

Les commentaires anonymes sont désactivés

About FREMYCOMPANY

François REMY est un jeune développeur belge plein d'entrain qui traite surtout des technologies du web et de DotNet dans ses articles.


Les 10 derniers blogs postés

- Microsoft Regional Director 2.0 ! par Le blog de Patrick [MVP Office 365] le 02-23-2015, 22:10

- TechDays Paris 2015: Malware unchained par Blog Technique de Romelard Fabrice le 02-12-2015, 22:58

- TechDays Paris 2015: La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI demain, comment le Cloud MS accompagne cette transfo... par Blog Technique de Romelard Fabrice le 02-12-2015, 22:51

- TechDays Paris 2015: L’intranet social avec Office 365 et Yammer - quelles possibilités d’intégration ? par Blog Technique de Romelard Fabrice le 02-12-2015, 22:46

- TechDays Paris 2015: Plenière jour 3 - Vers une technologie invisible et une intelligence omniprésente ? par Blog Technique de Romelard Fabrice le 02-12-2015, 10:59

- TechDays Paris 2015: Geek is in da {new} House par Blog Technique de Romelard Fabrice le 02-12-2015, 01:13

- TechDays Paris 2015: Windows Server vNext - Virtualisation et Stockage par Blog Technique de Romelard Fabrice le 02-12-2015, 00:26

- TechDays Paris 2015: Quoi de neuf dans Windows 10 ? par Blog Technique de Romelard Fabrice le 02-11-2015, 23:37

- TechDays Paris 2015: Réussir sa migration vers Office 365 en formant les uilisateurs par Blog Technique de Romelard Fabrice le 02-11-2015, 14:32

- TechDays Paris 2015: Windows 10 et PowerShell 5.0 par Blog Technique de Romelard Fabrice le 02-11-2015, 13:10




Search

Go

Ce blog

Abonnements