Discussion :

[Gold.strike]

Bonjour,

Nous avons une application contenant un éditeur d'exercices développé en WPF.

Cet éditeur propose en fait d'utiliser différentes images se trouvant dans une bibliothèque, et de composer un exercice via un drag&drop de ces images sur la zone d'édition.
Il est possible de déplacer chaque élément sur la zone, des les agrandir, d'ajouter un texte, et dans certains cas de modifier la couleur.

Jusqu'à présent, nous n'avions que des images "2D". Pour changer la couleur, nous avions donc attribué une "couleur par défaut" à certains pixels de l'image. Lorsque l'utilisateur affecte une couleur, cette couleur remplace la couleur par défaut par la couleur sélectionnée sur chacun des pixels.

Nous avons maintenant des images "3D" à intégrer à la bibliothèque. Ces images nous sont fournies au format PNG, et contiennent des effets d'ombre et des dégradés.

Existe t'il un moyen d'appliquer "un filtre" pour conserver la possibilité de changer la couleur sur ces images?
Il est en effet impossible de procéder comment pour les images "2D" car nous perdrions les effets d'ombre et les dégradés...

Merci,

[Lordinaire]

Si j'ai bien compris, vous voulez appliquer un mask d'une certaine couleur à vos images ?

A tester :

Code xml :

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

1
2
3
4
5
6
 
<Image Source="images/picture.png">
            <Image.OpacityMask>
                <SolidColorBrush Color="AliceBlue" Opacity="50" />
            </Image.OpacityMask> 
</Image>

[Gold.strike]

Oui, l'idée c'est un peu d'appliquer un "masque" à ces images...

Maintenant, on vient de tester l'application d'un masque d'opacité, mais ce ne semble pas marcher. Chez nous, les images sont ajoutées dans le code et pas de le XAML.

Voici ce que nous avons :

Code :

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

1
2
3
4
5
6
7
8
Image img = new Image();
img.Source = new BitmapImage(new Uri(io.RelativeFileName, UriKind.Absolute));
 
SolidColorBrush sOpa = new SolidColorBrush();
sOpa.Color = Colors.AliceBlue;
sOpa.Opacity = 10;
 
img.OpacityMask = sOpa;

Avons nous oublier quelque chose?

[Lordinaire]

Une autre solution est d'appliquer un effet sur ton image. Tu trouveras des exemples ici