Discussion :

[Climoo]

Bonjour,

J'ai actuellement un problème pour créer un menu WPF "dynamique", dans le sens où une partie de son contenu est variable.
C'est un menu pour lancer un certain nombre de jeux.

Je voudrais aboutir au menu suivant:

Mes jeux
> Jeu 1
> Jeu 2
> ...
> Jeu N
Séparateur
> Quitter

Jusque là, j'ai à peu près réussi. Mes binding fonctionnent tous correctement.

Et pour chaque jeu, il y aurait un sous-menu, qui est lui toujours le même.
> Nouvelle partie
> Préférences
C'est sur cette partie que je bloque : je n'arrive pas à définir le sous-menu de chaque jeu dans mon code, je ne vois pas comment faire.

Voici mon code 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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
    <Menu>
        <Menu.Resources>
            <CollectionViewSource x:Key="GamesList" Source="{Binding GamesModuleVM}" />
        </Menu.Resources>
 
        <MenuItem>
            <MenuItem.Header>
                <TextBlock Text="Mes jeux" />
            </MenuItem.Header>
            <MenuItem.ItemContainerStyle>
                <Style>
                    <Setter Property="MenuItem.Header" Value="{Binding ApplicationGame.Name}" />
                    <Setter Property="MenuItem.Icon" Value="{Binding ApplicationGame.SmallImage}" />
                    <Setter Property="MenuItem.Command" Value="{Binding StartCommand}" />
                    <!--<Setter Property="MenuItem.Items">
                        <Setter.Value>                            
                            <MenuItem Header="Nouvelle partie" Command="{Binding StartCommand}" />
                            <MenuItem Header="Préférences" Command="{Binding EditSettingsCommand}" />
                        </Setter.Value>
                    </Setter>-->
                </Style>
            </MenuItem.ItemContainerStyle>
            <MenuItem.ItemsSource>
                <CompositeCollection>
                    <CollectionContainer Collection="{Binding Source={StaticResource GamesList}}" />
                    <Separator />
                    <MenuItem Header="Quitter" />
                </CompositeCollection>
            </MenuItem.ItemsSource>
        </MenuItem>
    </Menu>

Pouvez-vous me donner quelques pistes ?

Merci !

[mezcalio]

Je pense que tu peux utiliser un HierarchicalDataTemplate, ça donnerait quelque-chose comme ça :

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
 
<Menu>
	<MenuItem Header="Mes jeux"  ItemsSource="{Binding GamesModuleVM}">
		<MenuItem.ItemTemplate>
			<HierarchicalDataTemplate>
				<TextBlock Text="{Binding ApplicationGame.Name}" />
                                <Image Source="{Binding ApplicationGame.SmallImage}" />
                                 <HierarchicalDataTemplate.ItemTemplate>
                                          <TextBlock Text="Nouvelle partie" Command="{Binding StartCommand}" />
                                          <TextBlock Text="Préférences" Command="{Binding EditSettingsCommand}" />
                                 </HierarchicalDataTemplate.ItemTemplate>
			</HierarchicalDataTemplate>
		</MenuItem.ItemTemplate>
	</MenuItem>
</Menu>

[Climoo]

Je note bien l'idée des Hierarchicale DataTemplate. Ca doit surement être un truc comme ça, mais même avec ton code, je n'arrive pas à mes fins (ça ne compile hélas pas, et il n'y a plus non plus la partie en dessous avec le "quitter").

As-tu des idées pour comment corriger?

[mezcalio]

Ha ouais, désolé, c'était peut-être une fausse-piste.
Je vais changer mon fusil d'épaule...

Dans ton code, essaies de remplacer toute ta partie

Code :

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

<MenuItem.ItemContainerStyle>...</MenuItem.ItemContainerStyle>

par :

Code :

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

1
2
3
4
5
6
7
8
<MenuItem.ItemTemplate>
    <DataTemplate>
        <MenuItem Header="{Binding ApplicationGame.Name}" Icon="{Binding ApplicationGame.SmallImage}" Command="{Binding StartCommand}">
		<MenuItem Header="Nouvelle partie" Command="{Binding StartCommand}" />
		<MenuItem Header="Préférences" Command="{Binding EditSettingsCommand}" />
	</MenuItem>
    </DataTemplate>
</MenuItem.ItemTemplate>

[Climoo]

Ca compile, mais ça ne fait pas vraiment ce qu'il faut .
Il m'a mis un MenuItem à l'intérieur du menuItem déjà prégénéré (ce qui est normal je pense). Et quand je clique sur la flèche du sous-menu, rien ne s'affiche.

D'autres idées ?

[mezcalio]

J'avoue que je sèche un peu.
Ma première idée, de passer par un hierarchicalDatatemplate, se basait sur ce qu'on peut faire avec un contrôle treeview, je pensais pouvoir transposer ça à un contrôle menu, mais apparemment ce n'est pas si simple.

Regarde sur ce lien, tu pourras peut-être dégager une piste :
http://blogs.msdn.com/b/mikehillberg...p-by-step.aspx