Discussion :

[quotium]

Bonjour,

- J'ai une ListBox d'objets
- Les objets ont une propriété Categorie de type string.
- J'ai dans mes resources des images au format vectorielle (XAML), il y a autant d'image que de catégorie possible.
- Voici le code pour afficher un item de ma ListBox

Code :

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

1
2
3
4
5
6
7
8
9
 
<ListBox.ItemTemplate>
	<DataTemplate>
		<StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
		  <ContentControl Template="{StaticResource Categorie1}" Width="20" Height="20"></ContentControl>
		  <Label Content="{Binding Title}"></Label>
		</StackPanel>
	</DataTemplate>
</ListBox.ItemTemplate>

Le code marche très bien mais mon image est codée en "dure".
Existe il un moyen de rendre dynamique la valeur du Template du ContentControl ?

Merci d'avance.

[MetalGeek]

Salut,
tu peux par exemple mettre une propriété de type URI à ta classe Catégorie, et dans le DataTemplate une Image avec la propriété Source bindée dessus. Je me souviens l'avoir déjà fait, et il me semble que tu auras besoin d'un IValueConverter pour retourner une BitmapImage à partir de l'URI.

[ikeas]

t as deux solutions :
1) saveur ton xaml et le recharger
bon tu peux aussi la mettre en dur
sauver le xaml avec les limitation que cela suppose
y'a des post sur le sujet tu peux regarder
2) tu met ton image dans un dictionnaire de resource
que tu chargera un peu comme si tu changeais le theme de ton appli
la tu chargera et tu la collera dans les merged dictionnary de app

[quotium]

Salut,
tu peux par exemple mettre une propriété de type URI à ta classe Catégorie, et dans le DataTemplate une Image avec la propriété Source bindée dessus. Je me souviens l'avoir déjà fait, et il me semble que tu auras besoin d'un IValueConverter pour retourner une BitmapImage à partir de l'URI.

J'ai déjà utilisé cette méthode, mais cela m'oblige a coder en dur l'URI de la ressource dans mon objet, ce que je ne veux pas faire. Mon objet n'a pas a connaitre l'existence de l'image, c'est le rôle de celui qui fait l'interface graphique de mettre ou pas une image (jpg,xaml, ...) ainsi que sa provenance (ressource,fichier,url,...).
J'essaye de me mettre a la place de celui qui développera la partie graphique, avec Blend par example.

[MetalGeek]

Dans ce cas, pars d'un standard du genre "l'image d'une catégorie est un fichier *.png portant le nom de la catégorie".
Ton contrôle Image a sa propriété Source bindée sur la propriété Name de la catégorie, avec un convertisseur qui retourne une bitmap. Du genre :

Code :

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
 
 
private static readonly string URI_FORMAT = "pack://Application,,,"( ...etc....)"/Images/{0}.png";
 
Convert (object value, Type returnType, etc....)
{
    var imageName = value as string;
 
    if (imageName != null)
    {
        var uriPath = string.Format(URI_FORMAT, imageName);
 
        //ici tu construis la Bitmap avec l'urisource déduite
    }
    else return null;
}

[quotium]

Merci pour les 2 réponses proposées, mais je viens de trouver une solution qui me convient mieux, tous ce fait dans le xaml, il n'y a rien a ajouter dans le code, si une nouvelle catégorie est ajouter il suffit d'ajouter l'image correspondante dans le xaml

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<ContentControl Width="16" Height="16">
                <ContentControl.Style>
                  <Style>
                    <Style.Triggers>
                      <DataTrigger Binding="{Binding Categorie}" Value="categorie1">
                        <Setter Property="ContentControl.Template" Value="{StaticResource Categorie1}"/>
                      </DataTrigger>
                      <DataTrigger Binding="{Binding Categorie}" Value="categorie2">
                        <Setter Property="ContentControl.Template" Value="{StaticResource Categorie2}"/>
                      </DataTrigger>
                    </Style.Triggers>
                  </Style>
                </ContentControl.Style>
              </ContentControl>