Discussion :

[bobybob06]

Bonjour à tous,

Je travail sur un détail dans une de mes applications et ne comprends pas vraiment comment réagit le binding avec les images. J'ai une class Item qui contient une propriété PhotoPath qui est le chemin d'accès à ma photo. Ces informations sont stockés dans une table sur une instance SQL server.

J'ai une balise dans le XMAL qui permet d'afficher la propriété PhotoPath de mon objet pour que l'utilisateur est une représentation visuelle de celui-ci. Le chemin indiqué est Images/MonImage.png (ou .jpg). Mais je n'arrive pas à afficher l'image. Il faut préciser je pense également que cet objet est intégré à une ListBox permettant d'afficher de multiples objets Item.

Je vous donne un extrait du XMAL simplifié pour que vous puissiez vous rendre compte de la situation.

Code xaml :

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

1
2
3
4
5
6
7
<ListBox>
   <ListBox.ItemTemplate>
        <DataTemplate>
            <Image Name="imageItem" Height="100" Width="100" Source="{Binding PhotoPath}" Stretch="None" />
        </DataTemplate>
   </ListBox.ItemTemplate>
</ListBox>

Pour finir je précise bien que j'ai défini un datacontext.

En fait pour simplifier l'affaire, mon problème est d'afficher une image via un binding qui peut être modifiée dynamiquement. En conséquence, si quelqu'un pourrait m'expliquer comment gérer les chemins d'accès aux images svp. J'avoue que je suis un peu désorienté dans la manière dont WPF gère celles-ci avec un binding.

Merci pour l'aide que vous pourrez m'apporter.

[koyot3]

Bonjour boby

Pour ton soucis, tu peux passer par une propriété telle que

Code c# :

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

1
2
3
4
5
public BitmapImage GetMyImage
{
get 
{ new BitmapImage(new Uri("tonchemin, UriKind.AbsoluteOrRelative)); 
}

Tu le bindes comme tu l'as fais dans ton extrait de code
En implémentant INotify, le changement se fera automatiquement dans ton IHM lorsque ton chemin changera.

Sinon tu peux passer par un Converter.
Voici un exemple

Bon courage

@+

[bobybob06]

Bonjour koyot,

tout d'abord merci! J'ai envie de te répondre que ça marche mais ça ne marche pas tout à fait comme prévu avec ta première technique énoncée.

Je m'explique. Cela prend en compte le changement dynamique puisque l'image change mais au lieu d'avoir la nouvelle... il n'y a plus rien! Ma question maintenant cela vient-il du format de l'image, de ces dimensions? Si tu veux je peux t'inclure des screenshots si ça peut t'aider à voir plus clair.

Dernier point les images qui s'affichent sont des images qui avaient été chargées dans l'application comme étant des component. Cela a-t-il une influence?

[koyot3]

Re,

J'ai du mal à bien comprendre : tu charges par défaut une image et ensuite tu veux quelle change après une action particulière ?

Tu as vérifié le path que tu mets ?
Tes images sont en quel format ? Et quand tu dis qu'il n'y a plus rien, c'est à dire ? (finalement je veux bien une capture d'écran )

Et si tu peux mettre un peu de ton code lors du changement de la propriété GetMyImage...

@+

[bobybob06]

Ah je pense avoir trouvé une piste de recherche. Je crois ne pas avoir implémenté le INotify...

Comment cela fonctionne-t-il?

[koyot3]

Re,

Tu mets le code suivant dans ta ViewModel

Code c# :

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

1
2
3
4
5
6
 public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string propname)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(propname));
        }

en implémentant l'interface INotifyPropertyChanged

Ensuite sur chacune des propriétés, tu fais un OnPropertyChanged("NomdetaPropriété")

Ce qui donne par exemple

Code c# :

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

1
2
3
4
5
6
protected string _str
public string str
{
get {return _str;}
set { _str = value ; OnPropertyChanged("str");}
}

Cet event permet de notifier à tous ceux qui sont abonnés (via le binding) que la source de données à changée et donc qu'il faut rafraichir l'affichage ..

En espérant t'avoir aider...

[bobybob06]

Koyot,

voici les screenshots demandés pour répondre à ta question.
Sinon, les images sont au format .png soit en .jpg.

Pour finir, tu as bien compris je charge une image par défaut et pour des raisons de personnalisation on peut être amené à changer cette image. Donc lorsque cela est changé dans la bdd il doit y avoir une répercussion sur l'appli.

Mais comme tu viens de me le demander à propos du bout de code lors du changement de propriété... cela me fait penser que je l'ai pas implémenté donc le soucis doit sans doute venir de là...

[koyot3]

Pour si tes images préchargées sont de la même extension/taille/format/... il n'y a pas de raison que ça ne marche pas ...

Essaie avec le INotify ça peut aider