Discussion :

[Alann]

Bonjour a tous

le titre du post est assez vague mais je vais expliquez ma question maintenant

J'ai ma page en xaml qui contient une listbox que je remplis au lancement de la page
le truc c'est que ma listeBox remplis la page avec des textblock et j'aimerais changer leur background en fonction de la catégorie de l'objet qui est visible dans le textblock
je vous donne une partie de mon code Xaml

Code :

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

1
2
3
4
5
6
7
8
9
10
        <ListBox x:Name="mylistbox" Margin="0,31,0,170"  SelectionChanged="mylistbox_SelectionChanged" >
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid  Height="80" VerticalAlignment="Top">
                        <TextBlock x:Name="nameblock" FontSize="20"  Text="{Binding nom}" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Height="57" Width="236"  Margin="10,10,0,0" />
                        <TextBlock x:Name="nameblock2" FontSize="20" Text="{Binding categorie}" HorizontalAlignment="Right" TextWrapping="Wrap" VerticalAlignment="Top" Height="57" Width="236" Margin="200,10,0,0" />
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

et de mon code c#

Code :

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

1
2
3
4
5
6
7
8
9
10
        public void remplirListBox() {
            List<Objet> temp = new List<Objet>();
 
            temp = Objet.getInfo();
            for (int i = 0; i < temp.Count; i++)
            {
                 mylistbox.Items.Add(temp.ElementAt(i));
 
            }
        }

j'aimerai donc changer la couleur de la grid qui entoure nameblock et nameblock2

[micka132]

Il te suffit de faire un binding sur le backgroud de la grille, en utilisant un converter qui va retourner une valeur en fonction de la valeur de la categorie.

Code :

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

1
2
3
4
5
6
7
8
9
10
        <ListBox x:Name="mylistbox" Margin="0,31,0,170"  SelectionChanged="mylistbox_SelectionChanged" >
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid  Height="80" VerticalAlignment="Top" Background="{Binding categorie,Converter={StaticResource categorieColorConverter}}">
                        <TextBlock x:Name="nameblock" FontSize="20"  Text="{Binding nom}" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Height="57" Width="236"  Margin="10,10,0,0" />
                        <TextBlock x:Name="nameblock2" FontSize="20" Text="{Binding categorie}" HorizontalAlignment="Right" TextWrapping="Wrap" VerticalAlignment="Top" Height="57" Width="236" Margin="200,10,0,0" />
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

Exemple de converter

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
17
18
19
    public class categorieColorConverter: IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            string categorie= value as String;
            if(categorie==.....)
              return new SolidColorBrush(Colors.Black);
else
return new SolidColorBrush(Colors.Green);
...............
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            throw new NotImplementedException();
        }
 
 
    }

[Alann]

je comprends a peu près le principe
j'ai adapter le concept a mon projet mais j'ai quand même des messages d'erreur sur les principales fonctions :

Erreur 2 'Projet.categorieColorConverter' n'implémente pas le membre d'interface 'System.Windows.Data.IValueConverter.Convert(object, System.Type, object, System.Globalization.CultureInfo)'
Erreur 1 'Projet.categorieColorConverter' n'implémente pas le membre d'interface 'System.Windows.Data.IValueConverter.ConvertBack(object, System.Type, object, System.Globalization.CultureInfo)'
Erreur 3 Impossible de résoudre la ressource "categorieColorConverter".



et si tu pouvais juste m'expliquer le bout de code que tu as mis dans le xaml ça m'aiderai c'est un peu mystique pour moi la ^^

[micka132]

Ah je pensais que c'était du windows phone non silverlight (winrt).
L'interface IValueConverter n'est pas la même entre winrt et silverlight.

Comme son nom l'indique le ValueConverter va te permertre de convertir la valeur du binding par une autre valeur que tu vas définir par code.
Le cas tres courant est d'utiliser un converter pour un booleen vers un visibility.

Pour la 3eme erreur c'est parceque tu dois rajouter dans les ressources de ta pages une instance du converter.
Plus d'info : (WPF est similaire à silverlight)
http://www.wpftutorial.net/ValueConverters.html

[Alann]

merci beaucoup je vais voir le tuto et si j'y arrives toujours pas je reviens post ici
et si j'y arrive bah merci beaucoup pour ton aide ( encore ) et je passerai le post en résolu

[Alann]

j'ai lu le tuto et je pense qu'on s'est mal compris en faite ^^
J'ai plusieurs catégories certes mais ce n'est pas ça qui va changer la couleurs
les catégories sont de type string, le nombre de catégorie ainsi que leur couleur de fond est déjà prévu
j'ai pas besoin de convertir vraiment, il faut juste que je fasse le binding, mais ça je comprends pas comment faire :/

[micka132]

Euh ben c'est justement fait pour ca.
Dans ton modèle (les données) tu as une catérogie. Tu sais que fonctionnellement pour telle catégorie il te faut une couleur verte. (C'est le converter : if(categorie=="...") retourne vert )
Tu n'as qu'a dire à ta grille : toi tu auras la couleur de cette catégorie (Background="{Binding categorie}").
Or une catégorie c'est un string qui n'est pas une couleur...
C'est là qu'entre en jeu le converter : il va savoir qu'il faut du vert lorsque catégorie vaut "laCategorieCible". (Background="{Binding categorie,Converter={.......}")

[Alann]

Problème résolu merci