Problème Binding Image

Version imprimable

Salut à tous,

J'ai un petit soucis au niveau du Binding d'une image :
J'ai créé un controle utilisateur tout bête qui contient une Image en fond. Quand je place ce contrôle dans une application, je voudrais, à l'aide d'une combobox qui récupère une liste de fichier contenu dans un dossier, changer le chemin de l'image.

Coté control

En xaml j'ai ça :
Code:

1 2 3 4 5 <Image x:Name="Photo" > <Image.Source> <BitmapImage x:Name="BitImage" UriSource="{Binding Path = ImageSource}"/> </Image.Source> </Image>
Dans le fichier .cs :
Code:

1 2 3 4 5 6 7 public static readonly DependencyProperty ImageProperty = DependencyProperty.Register("ImageSource", typeof(String), typeof(UserControl1)); public String Source { get { return (String)GetValue(ImageProperty); } set { SetValue(ImageProperty, value); } }
Coté application
Code:

1 2 3 4 5 6 7 8 9 10 11 12 //Partie qui récupère les chemins des images string[] Files; Files = Directory.GetFileSystemEntries("C:/Image"); // Repertoire des fichiers int Filecount = Files.GetUpperBound(0) + 1; for (int i = 0; i < Filecount; i++) { ComboImage.Items.Add(Files[i]); } //Pour mettre le chemin d'accès dans ma propriété ControlTest.Source = ComboImage.Text;
Cela ne marche pas et je n'arrive pas à comprendre pourquoi. Quelqu'un pourrait-il m'éclairer ?
Si je me suis mal fait comprendre, faites le moi savoir.

PS: c'est mon premier post sur ce forum, désolé si c'est mal présenté

21/01/2009, 00h18
tomlev

Oula, je comprends pas trop ce que tu as fait... La dependency property s'appelle ImageProperty, la propriété elle-même Source, et tu fais le binding sur ImageSource :koi:

Par convention, la dependency property qui correspond à une propriété "Toto" s'appelle "TotoProperty". Je crois que c'est même obligatoire pour qu'elle soit gérée correctement par le binding.

Dans ton binding en XAML, il faut mettre comme Path le nom de la propriété (sans le suffixe Property).

Et pour que le binding fonctionne, il faut définir le DataContext au UserControl lui même (this.DataContext = this dans le constructeur).
21/01/2009, 08h53
LeGoloua

J'ai fais tout ce que tu m'as dis et aucun changement. Franchement je sais pas d'où peut venir le problème, j'ai réussi à faire un binding sur l'angle de rotation d'un rectangle et ça marchait parfaitement. N'y aurait-il pas un autre moyen pour parvenir à mes fins ?

Sur ce merci quand même pour ta réponse, j'ignorais les histoires de noms avec les dependency property :D
21/01/2009, 10h00
tomlev

ah oui, y a un autre truc qui va pas... la propriété UriSource n'est pas une string mais une Uri, il faut donc modifier le type dans la déclaration de la propriété

Ben j'y avait pensé mais ça me fait la même chose : rien.
Tout compile comme il faut, pas d'erreur, mais mon image ne s'affiche pas ... y a un mystère la dessous ... ou comme je suis une brèle en développement, j'arrive à rien ^^

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Control :
C# :
 
public Uri Image
        {
            get { return (Uri)this.GetValue(ImageProperty); }
            set { this.SetValue(ImageProperty, value); }
        }
 
        public static readonly DependencyProperty ImageProperty = DependencyProperty.Register("Image", typeof(Uri), typeof(UserControl1));
 
XAML :
 
<Image.Source>   
	        <BitmapImage UriSource="{Binding Path = Source}"/>
	      </Image.Source>
		</Image>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Appli :
 
            string[] Files;
 
            Files = Directory.GetFileSystemEntries("C:/Image"); // Repertoire des fichiers
            int Filecount = Files.GetUpperBound(0) + 1;
            for (int i = 0; i < Filecount; i++)
            {
                ComboImage.Items.Add(Files[i]);
            }
        }
 
        private void ComboImage_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            Uri Adresse = new Uri(ComboImage.SelectedItem.ToString());
            userControl1.Image = Adresse;
        }

Voila le code avec toute les modifs faites. Si jamais ça peut aider ...

21/01/2009, 12h01
tomlev

Dans la fenêtre Output de Visual, tu vois pas des erreurs de binding à l'exécution ?
21/01/2009, 12h45
Jérem22

J'ai un exemple qui marche en utilisant FindAncestor et en utilisant directement la propriété Source de la classe Image:

Code:

<Image Source="{Binding Path=Image, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type WpfApplication16:ImageControl}}}"/>

(le UserControl est de type ImageControl dans cet exemple)
21/01/2009, 12h48
tomlev

Oui, avec FindAncestor ça doit marcher...

Ou alors en faisant comme j'avais dit au début :

Citation:

Et pour que le binding fonctionne, il faut définir le DataContext au UserControl lui même (this.DataContext = this dans le constructeur).
28/01/2009, 11h39
LeGoloua

Désolé pour la réponse tardive, mais je n'avais pas bien le temps de répondre ces jours ci.
En tout cas merci pour vos réponses :D