Discussion :

[jacquesprogram]

Bonjour,
je suis en train de tester le microsoft ribbon avec VS2010, mais voilà : j'ai créé un RibbonButton en indiquant comme LargeImageSource une image PNG de 64x64 pixels. A l'affichage, cette dernière apparaît plus petite et fortement pixelisée. Je suis tombé sur ce post.
J'ai essayé d'appliquer la méthode proposée (en Xaml), mais une erreur apparaît :

DrawingBrushSource est un type non défini.

Actuellement, voici le Xaml de mon bouton :

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<ribbon:RibbonButton Height="Auto" HorizontalAlignment="Left" Margin="10,10,0,0"
Name="RibbonBtnMembres" VerticalAlignment="Top" Width="Auto" Content="Infos"
LargeImageSource="/Images/Outils.png" Label="Paramètres" HorizontalContentAlignment="Center"

Comment adapter la solution proposée par IKEAS à ceci ?
En outre, la taille des images du ribbon est-elle limitée ? Peut-on utiliser des images de 128x128px par ex. ?

[Crooby]

bonjour,
si tu utilise des images trop grandes effectivement il y aura une pixellisation et plus ton image sera grande plus elle le sera importante. Pour un RibbonButton la LargeImageSource correspond à du 32 x 32 (ou peut-être du 48 x 48) mais utilise de préférence des images correspondantes à ces tailles

[jacquesprogram]

Alors j'ai essayé avec des images PNG de 48x48, puis de 32x32, et l'effet de pixellisation est toujours là... J'ai également modifié la résolution de mes images de 72 à 96 dpi, comme lu sur certains forums qui disent que WPF travaillent à cette résolution. Rien n'y fait !
En outre, en observant le ruban d'applications comme Word, j'ai bien l'impression que certaines icônes font plus que 48x48.
J'ai inséré dans mon ruban un contrôle Image contenant la même image utilisée pour un bouton, et là, tout est net, aucune pixellisation (c'est bien exactement la même image, même taille, même résolution...)
Dès qu'elle est affichée dans un RibbonButton, tout se dégrade...

[jacquesprogram]

Pour en avoir le cœur net, j'ai chargé mon projet dans Blend. J'ai édité le Template du RibbonButton, et là, je me suis rendu compte que le contrôle Image qui contient l'icône du bouton a sa propriété Stretch défini à Uniform ; si je mets cette dernière à None, la pixellisation est toujours là !
Cependant, la taille du contrôle Image du template est définie à Auto et, bizarrement, ne s'adapte pas à la taille de l'image : j'ai changé sa taille pour du 48x48 (la même que mon image de test), et là, plus de pixellisation, tout est net !

Bon, cela ne résout rien, mais je comprends mieux d'où vient la pixellisation.
Quelque soit la taille de l'image (16x16, 32x32, 48x48), elle pixellise systématiquement, à moins de modifier le template manuellement pour chaque taille d'image comme ci-avant.

Maintenant, comment remédier à tout ça et obtenir de belles icônes bien lisses comme dans le ruban de Word ou autres ?

[jacquesprogram]

Bon, après un nouveau test, je me rends compte, en effectuant la modification du template comme décrit précédemment, que la pixellisation ne disparaît qu'au moment du design sous Blend ; dès que le projet est exécuté, elle réapparaît. C'est à n'y rien comprendre !!

[jacquesprogram]

Pour illustrer la situation, voici une image de ce que j'obtiens en mode design, puis en mode Run, après modification du Template décrit (définition de la taille du contrôle Image à la taille de l'image, soit 48x48)

[jacquesprogram]

J'ai trouvé ce qui provoquait, en grande partie, cette pixellisation : dans le Template, j'ai décoché l'option SnapsToDevicePixel du contrôle Image, et là l'image est mieux, même si certains pixels résiduels laissent à désirer, je ne sais trop pourquoi...

[yonpo]

Salut,

Tu utilises ce Ribbon là?
Car je n'ai absolument pas de problème de ce genre

[jacquesprogram]

Tout à fait ! Comment se fait-il que ça n'arrive pas chez toi ? Tu utilises des images de quelle taille/résolution ?

[yonpo]

J'utilise des images 32x32 96dpi de type png.
J'ai essayé sur XP mais pas sur 7.
D'après les captures tu es sur Vista/7, non?
J'espère que cela ne vient pas de l'OS utilisé.

[jacquesprogram]

Oui, je suis sous Windows 7, mais bon, je ne vois pas pourquoi le problème viendrait de l'OS...

[jacquesprogram]

Bon, alors après de nouveaux tests avec des images PNG 32x32, 96dpi, cela s'affiche effectivement correctement...
Il me semble pourtant que certaines icônes dans d'autres applications, semblent plus grande. Effet d'optique ?...