Ajout de TreeviewItem par code et Template

Version imprimable

Bonjour,

je travaille en WPF C# avec le framework 4.0.
J'ai souci sur l'utilisation des Treeview avec un style qui définit un template.
Les noeuds créés dynamiquement ne s'affichent que si le style n'est pas utilisé et je ne vois pas trop pourquoi.

Voici le style défini en xaml :
désolé pour l’indentation par top ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<Style x:Key="TreeNodeStyle" TargetType="{x:Type TreeViewItem}">
            <Setter Property="Template">
                <Setter.Value>                    
                    <ControlTemplate TargetType="{x:Type TreeViewItem}">                        
                        <StackPanel Orientation="Horizontal">
                            <Image Width="24" Source="{TemplateBinding Tag, Converter={StaticResource ImageNodeDebugInfos}}" />
                            <TextBlock x:Name="Start" Margin="3,0,0,0" FontWeight="Bold"
                                       VerticalAlignment="Center"
                                       Text="{TemplateBinding Header, Converter={StaticResource RetTreeNodeTextStartpart}, ConverterParameter=:}" />
                            <TextBlock x:Name="End" Margin="3,0,0,0"
                                       VerticalAlignment="Center"
                                       Text="{TemplateBinding Header, Converter={StaticResource RetTreeNodeTextTrailpart}, ConverterParameter=:}" Foreground="Blue" TextWrapping="WrapWithOverflow" />                            
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

et voici la méthode qui crée le noeud et l'affecte à son parent :

Code:

1
2
3
4
5
6
private void AddTreeViewItem(TreeViewItem Parent, String Str, bool ApplyStyle = true, Object T = null)
{
            TreeViewItem I;
            I = new TreeViewItem() { Header = Str, Tag = T ,Style = ApplyStyle ? (Style)Resources["TreeNodeStyle"] : null };
            Parent.Items.Add(I);
}

S'il manque des éléments, dites-le moi.

Merci par avance de vos réponses.

25/10/2011, 18h39
GuruuMeditation

Tu es sur que les converters marchent bien? Si tu essayes sans?
26/10/2011, 09h36
Douze144

Bonjour,
merci de ta réponse.
En fait, oui les converters marchent....
Si je n'affecte pas le style aux seuls noeuds qui ont des enfants l'arborescence est correcte (et la mise en forme est OK, sauf pour les neouds sans style bien entendu)
Voici l'affichage dans ce cas :

http://img819.imageshack.us/img819/593/treeview.png

On voit que les noeuds "Groupe: Test Entrant..." et "Groupes : ..." n'ont pas de mise en forme (gras et bleu) comme les autres.

Pour info, les converters servent à permettre l'affichage en gras et en bleu

Si je remets le style, l'arborescence ne s'affiche plus (uniquement les noeuds de niveau 1)

http://img543.imageshack.us/img543/2721/treeview2.png

Voilà. J'espère que cela va te permettre de mieux comprendre ma problématique.

:resolu:
A force de recherches et tests (et grâce à Blend ! ) j'ai trouvé comment faire ce que je veux !
En fait (et pour faire simple) il manquait une balise itempresenter et de quoi gérer les togglebuttons avec des triggers

La forme triangulaire du toggle button :

Code:

<PathGeometry x:Key="TreeArrow" Figures="M0,0 L0,6 L6,0 z"/>

Le style avec template pour les togglebuttons:

Code:

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
        <Style x:Key="ExpandCollapseToggleStyle" TargetType="{x:Type ToggleButton}">
            <Setter Property="Focusable" Value="False"/>
            <Setter Property="Width" Value="16"/>
            <Setter Property="Height" Value="16"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ToggleButton}">
                        <Border Background="Transparent" Height="16" Padding="5,5,5,5" Width="16">
                            <Path x:Name="ExpandPath" Data="{StaticResource TreeArrow}" Fill="Transparent" Stroke="#FF989898">
                                <Path.RenderTransform>
                                    <RotateTransform Angle="135" CenterY="3" CenterX="3"/>
                                </Path.RenderTransform>
                            </Path>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="#FF1BBBFA"/>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="Transparent"/>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="RenderTransform" TargetName="ExpandPath">
                                    <Setter.Value>
                                        <RotateTransform Angle="180" CenterY="3" CenterX="3"/>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="#FF595959"/>
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="#FF262626"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

Le style du TreeviewItem :

Code:

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
<Style x:Key="TreeNodeStyle" TargetType="{x:Type TreeViewItem}">
            <Setter Property="Template">
                <Setter.Value>                    
                    <ControlTemplate TargetType="{x:Type TreeViewItem}">
                        <StackPanel Orientation="Vertical">
                        <StackPanel Orientation="Horizontal">
                            <ToggleButton x:Name="Expander" ClickMode="Press" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ExpandCollapseToggleStyle}"/>
                            <!--Image Width="24" Source="{TemplateBinding Tag, Converter={StaticResource ImageNodeDebugInfos}}" /-->
                            <TextBlock x:Name="Start" Margin="3,0,0,0" FontWeight="Bold"
                                       VerticalAlignment="Center"
                                       Text="{TemplateBinding Header, Converter={StaticResource RetTreeNodeTextStartpart}, ConverterParameter=:}" />
                            <TextBlock x:Name="End" Margin="3,0,0,0"
                                       VerticalAlignment="Center"
                                       Text="{TemplateBinding Header, Converter={StaticResource RetTreeNodeTextTrailpart}, ConverterParameter=:}" Foreground="Blue" TextWrapping="WrapWithOverflow" />
 
                        </StackPanel>
                        <ItemsPresenter x:Name="ItemsHost" Margin="20,0,0,0"/>
                        </StackPanel>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsExpanded" Value="false">
                                <Setter Property="Visibility" TargetName="ItemsHost" Value="Collapsed"/>
                            </Trigger>
                            <Trigger Property="HasItems" Value="false">
                                <Setter Property="Visibility" TargetName="Expander" Value="Hidden"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>                    
                </Setter.Value>
            </Setter>
        </Style>

En espérant que cela aidera les prochains qui seront confrontés à ce problème ;)