Discussion :

[takinelinfo]

Bonjour à tous,

Je voudrais afficher une image spécifique en fonction de la langue.
J'ai donc fait quelque chose qui ressemble à ça.

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
 
<ComboBox ItemsSource="{Binding Path=LanguageList, RelativeSource={RelativeSource AncestorType=UserControl}, Mode=OneWay}" IsSynchronizedWithCurrentItem="True">
	<ComboBox.ItemTemplate>
		<DataTemplate>
			<StackPanel orientation="Horizontal">                                                
				<Image Source="{Binding Path=Code, StringFormat='/Asset/Pict/Language/{0}.png'}" VerticalAlignment="Center" />
				<TextBlock Text="{Binding Path=Name}" Margin="5,0,0,0" VerticalAlignment="Center" />
			</StackPanel>
		</DataTemplate>
	</ComboBox.ItemTemplate>
</ComboBox>

mais rien ne s'affiche.
J'ai donc fait ceci:

Code xml :

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

1
2
3
 
<TextBlock Text="{Binding Path=Code, StringFormat='/Asset/Pict/Language/{0}.png'}" Margin="5,0,0,0" VerticalAlignment="Center" />
<Image Source="{Binding Path=Code, StringFormat='/Asset/Pict/Language/{0}.png'}" VerticalAlignment="Center" />

J'ai bien le chemin dans le TextBlock, d'ailleurs si je le remplace en dur dans la source, ça fonctionne.
Pourquoi est ce que l'image ne s'affiche pas alors?
par avance, merci pour vos idées.

[jmix90]

Hello,

La propriété Source d'un contrôle Image doit être de type BitmapSource.
Avec ton code tu renvoies un String qui n'est pas compatible.
Cela peut paraître déroutant car classiquement le processeur XAML convertit un string vers le bon path mais cela est fait uniquement si ce n'est pas un Binding.

Dans ton cas, il faut que tu utilises un converter qui te renvoies un BitmapSource depuis l'URL.

Par exemple:

Code c# :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
public class ImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType,
                          object parameter, CultureInfo culture)
    {
        var uriOfTheImage = (string)value;
        try
        {
            return new BitmapImage(new Uri(uriOfTheImage));
        }
        catch 
        {
            return new BitmapImage();
        }
    }
 
    public object ConvertBack(object value, Type targetType,
                              object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Bon courage !

[binoo]

Salut,

La propriété Source du contrôle Image attend un objet de type ImageSource, donc binder une chaine de caractère ne marche pas.

Le code suivant fonctionne :

Code :

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

<Image Source="C:\image.jpg" />

La chaine de caractère est interprétée et converti implicitement en ImageSource. Mais lors de binding, tu n'as pas le choix tu dois fournir une ImageSource ou bien utiliser un Converter qui se chargera de faire le travail.

Pour info, pour obtenir une ImageSource à partir du chemin :

Code c# :

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

1
2
3
4
5
6
7
Image myImage3 = new Image();
BitmapImage bi3 = new BitmapImage();
bi3.BeginInit();
bi3.UriSource = new Uri("smiley_stackpanel.PNG", UriKind.Relative);
bi3.EndInit();
myImage3.Stretch = Stretch.Fill;
myImage3.Source = bi3;

exemple trouvé ici

[jmix90]

prems !!

[mathrb]

Hum, on peut très bien utiliser son système pour afficher l'image. Juste il faut plus de détail dans le stringformat :

'/NomAssembly;component/Asset/Pict/Language/\{0\}.png'

Attention, il me semble qu'entre silverlight et wpf il y a de légères différences. ici c'est pour du SL

[jmix90]

Tu l'a testé réellement ?

[mathrb]

Yes, en sl
Mais je suis quasi sur de pouvoir ressortir un projet wpf qui fonctionne comme ça