使用自定義DataTemplate從WPFListView更改SelectedItem的背景顏色

我有一個ListView控制元件，WPF其中顯示了一個框串列，用戶可以從中選擇一個集合。我目前想要完成的是將所選專案的Background屬性更改為不同的顏色以便正確識別。

我找到了一個代碼片段，它部分解決了我的問題，但是，當我在模塊中的任何地方按下時，Background值SelectedItem會恢復到原來的值。

我想要發生的是，無論我是否按下其他控制元件，或者即使 Window 沒有聚焦，該Background值都會持續存在。SelectedItem

下面是我的XAML代碼片段，Setters我Triggers目前已經準備好了。

<ListView Grid.Row="2"
          ItemsSource="{Binding FakeDispatchBoxCollection}">
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListViewItem}">
                        <ContentPresenter />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            
            <Style.Triggers>
                <Trigger Property="IsKeyboardFocusWithin" Value="True">
                    <Setter Property="IsSelected" Value="True" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
    <ListView.ItemTemplate>
        <DataTemplate>
            <md:Card Margin="0,0,0,10"
                     Cursor="Hand">
                <md:Card.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListViewItem}}}" Value="true">
                                <Setter Property="md:Card.Background" Value="LightGray" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </md:Card.Style>
                
                <Grid Margin="5">
                    <!--#region Row & Column Definitions -->
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="0.60*" />
                        <ColumnDefinition Width="0.40*" />
                    </Grid.ColumnDefinitions>
                    <!--#endregion-->

                    <Label Grid.Row="0" Grid.Column="0"
                           Content="{Binding DispatchBoxName}"
                           FontWeight="ExtraBlack"
                           FontSize="15"
                           FontFamily="Baloo Bhai 2" />

                    <Label Grid.Row="1" Grid.Column="0"
                           Content="{Binding DispatchBoxType}"
                           FontWeight="SemiBold"
                           FontSize="13"
                           FontFamily="Baloo Bhai 2" />

                    <Label Grid.Row="0" Grid.Column="1"
                           Grid.RowSpan="2"
                           Content="{Binding UnitCount}"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Right"
                           FontWeight="ExtraBlack"
                           FontSize="20"
                           FontFamily="Baloo Bhai 2" />
                </Grid>
            </md:Card>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

uj5u.com熱心網友回復：

在專案的資料模板（ItemTemplate 屬性）中，您沒有任何可以接受鍵盤焦點的專案。只有標簽。在 ListViewItem 模板觸發器（ItemContainerStyle 屬性）中，您設定 IsSelected 屬性依賴于 ListViewItem 內的鍵盤焦點。

此外，如果不指定列，則不應使用 ListView。在這種情況下，最好使用 ListBox。

正確實施的示例：

    <Window.Resources>
        <!--To simplify the example.-->
        <CompositeCollection x:Key="source">
            <sys:String>First</sys:String>
            <sys:String>Second</sys:String>
            <sys:String>Third</sys:String>
            <sys:String>Fourth</sys:String>
        </CompositeCollection>
    </Window.Resources>

    <ListBox ItemsSource="{DynamicResource source}">
        <ItemsControl.ItemContainerStyle>
            <Style TargetType="ListBoxItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ListBoxItem}">
                            <ContentPresenter />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ItemsControl.ItemContainerStyle>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Label x:Name="label" Content="{Binding}"/>
                <DataTemplate.Triggers>
                    <DataTrigger Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}}"
                                 Value="true">
                        <Setter TargetName="label" Property="Background" Value="Coral" />
                    </DataTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ListBox>

標籤：C＃wpf

上一篇：如何播放相對檔案夾中的mp3檔案？

下一篇：如何在第二個ObservableCollection<T>更改時更新一個ObservableCollection<T>