Discussion :

[ludogoal]

Bonjour,
Je me confronte à un problème qui reste pour l'heure sans solution:
A l'heure actuelle je crée un Menu et un TreeView dans ma fenêtre:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<DockPanel x:Name="dpOldMainMenu">
            <Menu Name="menu1" DockPanel.Dock="Top" >
                <MenuItem Header="Main Menu" ItemsSource="{Binding}" />
            </Menu>
        </DockPanel>
 
        <DockPanel x:Name="dpTreeView" Grid.Row="1">
            <TreeView x:Name="tv1">
                <TreeViewItem ItemsSource="{Binding}" Header="Menu Principal"/>
            </TreeView>
        </DockPanel>

Ces deux composants sont remplis de la même manière grâce à une collection perso et un HierarchicalDataTemplate:

Code :

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

1
2
3
<HierarchicalDataTemplate DataType="{x:Type local:ActionItem}" ItemsSource="{Binding}">
        <TextBlock Text="{Binding Path=Text}"/>
    </HierarchicalDataTemplate>

Tout cela marche très bien et le rendu visuel est ce que j'attends.
Ma collection contient des ActionItem qui peuvent eux-mêmes en contenir d'autres, d'où la définition de l'ItemsSource.

Ce que je voudrais faire maintenant, c'est d'avoir un seul ItemsControl auquel je puisse appliquer soit un style qui me permette d'avoir un affichage sous forme de menu (pour remplacer mon "menu1") soit un affichage sous forme de TreeView (pour remplacer mon "tv1"). Après de multiples tentatives, je n'ai pas obtenu de solution convenable c'est pourquoi je viens demander de l'aide ici.

Merci d'avance, n'hésitez pas à me demander si certaines choses ne sont pas claires.

[ludogoal]

J'avance peu à peu dans mes recherches mais j'ai une question qui peut paraitre bête, tant pis je la pose quand même:
Comment effectuer la déclaration suivante dans le .cs:

Code :

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

<MenuItem Header="Main Menu" ItemsSource="{Binding}" />

Si quelqu'un peut m'aider....

[ludogoal]

J'ai résolu mon problème d'ItemsSource en passant par celui du parent de mon MenuItem.
Mon dernier problème est: Comment créer un Template et/ou un style qui me permette d'avoir un visule de TreeView pour mon Menu et comment passer du style de base (Menu) à celui créé (TreeView).

Merci d'avance!!!!!!

[ludogoal]

Si personne n'a la solution complète à mon problème, j'aimerais déjà pouvoir avoir un exemple qui me permette de voir comment modifier le rendu visuel d'un MenuItem (l'afficher sous forme de bouton par exemple...).

[Thomas Lebrun]

Utilise un Template que tu appliques à tes MenuItem: http://msdn2.microsoft.com/en-us/library/ms747082.aspx

[ludogoal]

Merci mais je n'arrive pas à faire ce qu'il faut, il me manque forcément quelque chose mais je n'arrive pas à trouver.
J'ai mon propre ItemsControl => CustomItemsControl qui dérive d'ItemsControl en ajoutant une propriété Mode (pour me permettre d'avoir le mode d'affichage).
Je lui affecte un DataContext et un ItemsSource par le code.
J'ai tenté de lui appliquer un style pour avoir un visuel de TreeView/TreeViewItem mais là ça plante dès que j'essaye d'afficher.....

Mon Style:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<Style x:Key="ExpandCollapseToggleStyle" TargetType="ToggleButton">
        <Setter Property="Focusable" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <Grid
          Width="15"
          Height="13"
          Background="Transparent">
                        <Path x:Name="ExpandPath"
            HorizontalAlignment="Left" 
            VerticalAlignment="Center" 
            Margin="1,1,1,1"
            Fill="{StaticResource GlyphBrush}"
            Data="M 4 0 L 8 4 L 4 8 Z"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked"
               Value="True">
                            <Setter Property="Data"
                TargetName="ExpandPath"
                Value="M 0 4 L 8 4 L 4 8 Z"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
 
    <DataTemplate x:Key="dtMenuItem">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition MinWidth="19"
                      Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <ToggleButton x:Name="Expander"
                  Style="{StaticResource ExpandCollapseToggleStyle}"
                  IsChecked="{Binding Path=IsExpanded,
                              RelativeSource={RelativeSource TemplatedParent}}"
                  ClickMode="Press"/>
            <Border Name="Bd"
              Grid.Column="1">
                <ContentPresenter x:Name="PART_Header"
                      ContentSource="Text"/>
            </Border>
            <ItemsPresenter x:Name="ItemsHost"
                  Grid.Row="1"
                  Grid.Column="1"
                  Grid.ColumnSpan="2"/>
        </Grid>
    </DataTemplate>
    <Style x:Key="MainOldStyle" TargetType="src:CustomItemsControl">
        <Setter Property="OverridesDefaultStyle" Value="True" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="src:CustomItemsControl">
                    <Border 
          Name="Border" 
          CornerRadius="1" 
          Background="{StaticResource WindowBackgroundBrush}"
          BorderBrush="{StaticResource SolidBorderBrush}"
          BorderThickness="1" >
                        <ScrollViewer 
            Focusable="False"
            CanContentScroll="False"
            Padding="4">
                            <ItemsPresenter/>
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="ItemTemplate" Value="{DynamicResource dtMenuItem}"/>
    </Style>

Le code C#:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
private CustomItemsControl MainMenu = new CustomItemsControl();
 
        public Window1()
        {
            InitializeComponent();
            rdResources = new ResourceDictionary();
            rdResources.Source = new Uri(@"C:\Documents and Settings\lroisin\Mes documents\Visual Studio 2008\Projects\TestTreeView\TestTreeView\rdTreeViewTemplate.xaml");
            ActionItemStore store = new ActionItemStore(System.IO.Path.GetDirectoryName(System.Reflection.Assembly.GetEntryAssembly().Location));
            List<ActionItem> actionItems = store.GetActionItems();
            MainMenu.DataContext = actionItems;
            MainMenu.ItemsSource = actionItems;
            MainMenu.Style = rdResources["MainOldStyle"] as Style;
            dpOldMainMenu.Children.Add(MainMenu); //Problème!!!!!!!!!
        }

Tout fonctionne bien jusqu'à l'ajout au visuel.....
Je suis perdu