选择时更改 ListView 图像项目的源

Question

下面是我所追求的示例：

我决定使用ListView（尝试了基于选择器的自定义控件，但我无法输出任何令人满意的内容）。

我的列表显示正常，但我正在努力寻找在选择该项目时如何更改图像源。这是我的代码：

<UserControl.Resources>
    <DataTemplate x:Key="PagingIndicatorTemplate">
        <Image Width="20" Height="20">
            <Image.Style>
                <Style TargetType="Image">
                    <Setter Property="Source" Value="/MyProject;component/Resources/Images/ic_paging_button_normal.png" />
                <!-- I guess that's where I need to put my stuff to change the image ? ... -->
                </Style>
            </Image.Style>
        </Image>
    </DataTemplate>
</UserControl.Resources>

    <ListView Name="PagingIndicator" 
              Height="30" 
              ItemTemplate="{DynamicResource PagingIndicatorTemplate}" 
              ItemsSource="{Binding Path=News}">
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" />
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
        <ListView.ItemContainerStyle>
            <Style TargetType="ListBoxItem">
                <Style.Resources>
                    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/>
                </Style.Resources>
            </Style>
        </ListView.ItemContainerStyle>
    </ListView>

Answer 1

1. 有一件事是错误的...您正在使用 ListView 但将样式定位为 ListBoxItem。它应该是 ListViewItem。

2. 在 Image 的样式中使用 DataTrigger，检查 RelativeSource ListViewItem 和 Path=IsSelected 上的绑定（如果为 True）并更改图像的 Source。

Answer 2

我决定这样解决这个问题：

• 制作两个不同的项目模板（每个模板都有自己的图像、鼠标悬停的样式、按下的鼠标...）
• 使用 IsSelected 属性上的触发器更改 ListViewItem 的 Template 属性。