it-swarm.com.de

WPF-Trigger für IsSelected in einer DataTemplate für ListBox-Elemente

Ich habe eine Listbox und ich habe die folgende ItemTemplate dafür:

<DataTemplate x:Key="ScenarioItemTemplate">
    <Border Margin="5,0,5,0"
            Background="#FF3C3B3B"
            BorderBrush="#FF797878"
            BorderThickness="2"
            CornerRadius="5">
        <DockPanel>
            <DockPanel DockPanel.Dock="Top"
                       Margin="0,2,0,0">
                <Button HorizontalAlignment="Left"
                        DockPanel.Dock="Left"
                        FontWeight="Heavy"
                        Foreground="White" />
                <Label Content="{Binding Path=Name}"
                       DockPanel.Dock="Left"
                       FontWeight="Heavy"
                       Foreground="white" />
                <Label HorizontalAlignment="Right"
                       Background="#FF3C3B3B"
                       Content="X"
                       DockPanel.Dock="Left"
                       FontWeight="Heavy"
                       Foreground="White" />
            </DockPanel>
            <ContentControl Name="designerContent"
                            Visibility="Collapsed"
                            MinHeight="100"
                            Margin="2,0,2,2"
                            Content="{Binding Path=DesignerInstance}"
                            Background="#FF999898">
            </ContentControl>
        </DockPanel>
    </Border>
</DataTemplate>

Wie Sie sehen, ist bei ContentControl die Sichtbarkeit auf Reduziert eingestellt.

Ich muss einen Trigger definieren, der bewirkt, dass die Sichtbarkeit auf "Sichtbar" gesetzt wird.

wenn das ListItem ausgewählt ist, aber ich kann es nicht herausfinden.

Irgendwelche Ideen?

UPDATE: Natürlich könnte ich einfach das DataTemplate duplizieren und der betreffenden ListBox Trigger hinzufügen, um entweder das eine oder das andere zu verwenden, aber ich möchte verhindern, dass dieser Code dupliziert wird.

58
TimothyP

Sie können Ihr ContentControl so gestalten, dass ein Trigger ausgelöst wird, wenn sein Container (das ListBoxItem) ausgewählt wird:

<ContentControl 
    x:Name="designerContent"
    MinHeight="100"
    Margin="2,0,2,2"
    Content="{Binding Path=DesignerInstance}"
    Background="#FF999898">
    <ContentControl.Style>
        <Style TargetType="{x:Type ContentControl}">
            <Setter Property="Visibility" Value="Collapsed"/>
            <Style.Triggers>
                <DataTrigger
                        Binding="{Binding
                            RelativeSource={RelativeSource
                                Mode=FindAncestor,
                                AncestorType={x:Type ListBoxItem}},
                                Path=IsSelected}"
                        Value="True">
                    <Setter Property="Visibility" Value="Visible"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ContentControl.Style>
</ContentControl>

Alternativ können Sie den Auslöser der Vorlage selbst hinzufügen und das Steuerelement nach Namen referenzieren. Ich kenne diese Technik nicht gut genug, um sie aus dem Speicher einzugeben und anzunehmen, dass sie funktionieren wird, aber es ist ungefähr so:

<DataTemplate x:Key="ScenarioItemTemplate">
    <DataTemplate.Triggers>
        <DataTrigger
                Binding="{Binding
                    RelativeSource={RelativeSource
                        Mode=FindAncestor,
                        AncestorType={x:Type ListBoxItem}},
                        Path=IsSelected}"
                Value="True">
            <Setter
                TargetName="designerContent"
                Property="Visibility"
                Value="Visible"/>
        </DataTrigger>
    </DataTemplate.Triggers>

    ...
</DataTemplate>
114
Matt Hamilton

@ Matt, danke !!!

Musste nur einen Trigger für IsSelected == false hinzufügen, und jetzt funktioniert es wie ein Zauber!

<ContentControl.Style>
<Style TargetType="{x:Type ContentControl}">
    <Setter Property="Visibility" Value="Collapsed"/>
    <Style.Triggers>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}},Path=IsSelected}" Value="True">
            <Setter Property="Visibility" Value="Visible"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}},Path=IsSelected}" Value="False">
            <Setter Property="Visibility" Value="Collapsed"/>
        </DataTrigger>
    </Style.Triggers>
</Style>
2
TimothyP