ListBox öğesi için WPF DataTemplate seçiliyse değiştirin

Bir ListBox içindeki öğeler için DataTemplate öğenin seçilip seçilmediğine bağlı olarak değiştirmem gerekiyor (seçildiğinde farklı / daha fazla bilgi görüntüleniyor).

Söz konusu ListBox öğesine tıkladığımda (yalnızca sekme yoluyla) DataTemplate'teki (bir StackPanel) en üstteki öğede bir GotFocus / LostFocus olayı görmüyorum ve fikirlerim tükendi.

Bunu yapmanın en kolay yolu, "ItemContainerStyle" için bir şablon sağlamaktır, "ItemTemplate" özelliği DEĞİLDİR. Aşağıdaki kodda 2 veri şablonu oluşturuyorum: biri "seçilmemiş" ve diğeri "seçili" durumlar için. Ardından, öğeyi içeren gerçek "ListBoxItem" olan "ItemContainerStyle" için bir şablon oluşturuyorum. Varsayılan "ContentTemplate" öğesini "Unselected" durumuna ayarladım ve ardından "IsSelected" özelliği doğru olduğunda şablonu değiştiren bir tetikleyici sağladım. (Not: Basit olması için, kodun arkasındaki "ItemsSource" özelliğini bir dizeler listesine ayarlıyorum)

<Window.Resources>

<DataTemplate x:Key="ItemTemplate">
    <TextBlock Text="{Binding}" Foreground="Red" />
</DataTemplate>

<DataTemplate x:Key="SelectedTemplate">
    <TextBlock Text="{Binding}" Foreground="White" />
</DataTemplate>

<Style TargetType="{x:Type ListBoxItem}" x:Key="ContainerStyle">
    <Setter Property="ContentTemplate" Value="{StaticResource ItemTemplate}" />
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="ContentTemplate" Value="{StaticResource SelectedTemplate}" />
        </Trigger>
    </Style.Triggers>
</Style>

</Window.Resources>
<ListBox x:Name="lstItems" ItemContainerStyle="{StaticResource ContainerStyle}" />

Öğe seçildiğinde veya değilken stili ayarlamak için yapmanız gereken tek şey, ListBoxItemüst öğenizdeki üst öğeyi almak <DataTemplate>ve değiştiğinde stil değişikliklerini tetiklemektir IsSelected. Örneğin aşağıdaki kod bir yaratacak TextBlockvarsayılan ile Foregroundrenk yeşil . Şimdi öğe seçilirse yazı tipi kırmızıya dönecek ve fare üzerindeyken öğe sarıya dönecektir . Bu şekilde, biraz değiştirmek istediğiniz her durum için diğer yanıtlarda önerildiği gibi ayrı veri şablonları belirtmenize gerek kalmaz.

<DataTemplate x:Key="SimpleDataTemplate">
    <TextBlock Text="{Binding}">
        <TextBlock.Style>
            <Style>
                <Setter Property="TextBlock.Foreground" Value="Green"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=IsSelected, RelativeSource={
                        RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem }}}"
                                 Value="True">
                        <Setter Property="TextBlock.Foreground" Value="Red"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Path=IsMouseOver, RelativeSource={
                        RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem }}}"
                                 Value="True">
                        <Setter Property="TextBlock.Foreground" Value="Yellow"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TextBlock.Style>
    </TextBlock>
</DataTemplate>

Ayrıca, yığın panelinin odaklanabilir olmadığı, bu nedenle asla odaklanmayacağı da belirtilmelidir (Odaklanabilir = Doğru olarak ayarlayın, eğer / gerçekten / odaklanmak istiyorsanız). Bununla birlikte, bunun gibi senaryolarda hatırlanması gereken anahtar , Stackpanel'in bu durumda ItemContainer olan TreeViewItem'in alt öğesi olmasıdır . Micah'ın önerdiği gibi, itemcontainer tarzını değiştirmek iyi bir yaklaşımdır.

Muhtemelen bunu DataTemplates kullanarak ve listviewitem'i aramak için RelativeSouce biçimlendirme uzantısını kullanan veri tetikleyiciler gibi şeyler kullanarak yapabilirsiniz.