Discussion :

[Harry_polin]

Bonjour J'ai en gros le modèle de données suivant :

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
 
 
class ZoneAnimation
{
}
 
class Zone
{
     List<ZoneAnimation> ZoneAnimations
     double X;
     double Y;
     double Width;
     double Height;
}
 
class Model
{
     List<Zone> Zones;
}

J'essaye d'afficher toutes les ZoneAnimation de mon Modele sur un canvas.

pour cela je fais la chose suivante

Code xaml :

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
 
<Canvas Background="Black" Width="1920" Height="1200">
     <ItemsControl ItemsSource="{Binding Model.Zones}">
         <ItemsControl.ItemTemplate>
              <HierarchicalDataTemplate ItemsSource="{Binding ZoneAnimations}">
                    <Canvas>
                         <Grid Canvas.Left="{Binding X}" Canvas.Top="{Binding Y}" Width="{Binding Width}" Height="{Binding Height}">
                             <Border BorderBrush="White" BorderThickness="1"/>
                         </Grid>
                    </Canvas>
                    <HierarchicalDataTemplate.ItemTemplate>
                         <DataTemplate>
                               <Grid Width="200" Height="200" Background="Blue" />
                         </DataTemplate>
                     </HierarchicalDataTemplate.ItemTemplate>
                </HierarchicalDataTemplate>
             </ItemsControl.ItemTemplate>
           </ItemsControl>
      </Canvas>

Mais autant j'ai bien le cadre blanc, autant je ne vois jamais de bleu.
Comment faire ?

D'avance merci,

[AeTRC]

Bonjour,

Je vois 2 solutions :
1. Comme la liste peut contenir 2 types d'objet il te faut un "itemtemplateselector" (tu obtiens alors les objets les un en dessous des autres)
(voir un billet de Thomas Lebrun intitulé [WPF] Comment changer le template d'un contrôle en fonction de ses données ?)

2. ou si tu veux que les cadres bleus soient dans le cadre blanc, il ne faut pas utiliser de HierarchicalDataTemplate mais un Datatemplate simple dans lequels tu ajoutes un itemscontrol dont la itemsSource est ZoneAnimations.

Aurore

[tomlev]

Le HierarchicalDataTemplate est fait pour s'utiliser avec des contrôles hiérarchiques (TreeView ou Menu par exemple). ItemsControl n'a pas cette notion de hiérarchie, il ne prévoit donc aucun emplacement pour afficher les "sous-éléments".

Le plus simple, ce serait de mettre dans le DataTemplate de Zone un autre ItemsControl pour afficher les ZoneAnimations.

1. Comme la liste peut contenir 2 types d'objet il te faut un "itemtemplateselector" (tu obtiens alors les objets les un en dessous des autres)
(voir un billet de Thomas Lebrun intitulé [WPF] Comment changer le template d'un contrôle en fonction de ses données ?)

Ce n'est pas ça le problème : à un "niveau" donné, il n'y a qu'un seul type d'objet. La collection de ZoneAnimation est à un niveau inférieur, imbriqué dans la Zone. Donc au final il n'y a jamais de collection hétérogène, et le ItemTemplateSelector ne sert à rien

[Harry_polin]

Bonjour, et merci pour vos réponses

En gros j'ai fait ça :

Code xaml :

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
<Canvas Background="Black" Width="1920" Height="1200">
     <ItemsControl ItemsSource="{Binding Model.Zones}">
         <ItemsControl.ItemTemplate>
              <DataTemplate>
                    <Canvas>
                         <Grid Canvas.Left="{Binding X}" Canvas.Top="{Binding Y}" Width="{Binding Width}" Height="{Binding Height}">
                             <Border BorderBrush="White" BorderThickness="1"/>
                             <ItemsControl ItemsSource="{Binding ZoneAnimations}">
                                  <ItemsControl.ItemTemplate>
                                       <DataTemplate>
                                              <Canvas>
                                              <Grid Width="200" Height="200" Background="Blue" />
                                              </Canvas>
                                     </DataTemplate>
                                 </ItemsControl.ItemTemplate>
                             </ItemsControl>
                         </Grid>
                     </Canvas>
                 <DataTemplate>
              </ItemsControl.ItemTemplate>
           </ItemsControl>
      </Canvas>

et ca affiche bien ce que j'ai programmé.
Comme je voulais que ma grille bleue (représentant une zoneAnimation), ait sa largeur et hauteur bindée sur celles de la Zone qui le contient, j'ai rajouté une propriété ZoneOwner (de type Zone) dans ma classe ZoneAnimation
et j'ai modifé le code comme ceci :

Code xaml :

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

<Grid Width="{Binding ZoneOwner.Width}" Height="{Binding ZoneOwner.Height}" Background="Blue" />

Ca marche bien, mais est-on obligé de passer par une propriété ZoneOwner, ou bien y-a-t'il plus propre ? (find ancestor, ou que sais-je ...)

Car il se pourrait qu'une ZoneAnimation soit référencé dans plusieurs Zones à la fois, et là l'astuce ne fonctionne plus.