UWP：如何为 ListViewItem 添加选择指示器？

Question

我有一个绑定到 ListView 的视图 model 对象的集合。 我想为选定的 ListViewItem 添加一个选择指示器，如下面的深蓝色矩形所示：

实现这一点的正确方法是什么？

我打算做什么：在我的视图 model 中添加一个 IsSelected 字段，在选择项目时将其设置为 true，否则将其设置为 false，然后将其绑定到 NotificationSelectedIndicator 矩形的可见性。

请查看以下代码以供参考：

<DataTemplate x:Key="NotificationListViewItemTemplate" x:Name="NotificationsListViewDataTemplate" x:DataType="local:NotificationViewModel">
    <StackPanel Orientation="Horizontal">
        <Rectangle Name="NotificationSelectedIndicator" Fill="{ThemeResource SystemAccentColor}" HorizontalAlignment="Left" Width="5" Height="Auto" Margin="-11, 0, 0, 0" Visibility="{x:Bind Converter={StaticResource BoolToVisConverter}, Path=IsSelected}"/>

        <Grid Height="Auto" Width="Auto" Padding="0, 10, 0, 10">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            ...
        </Grid>
    </StackPanel>
</DataTemplate>

有没有更简单的方法来添加指标？

在 ListViewItem 的文档页面中，有一个名为 ListViewItemSelectionIndicatorVisualEnabled 的资源，但这些资源仅支持 WinUI。

感谢您提前提供任何帮助！

Answer 1

除了将额外的字段引入 model 之外，您还可以尝试连接 ListViewItem 本身的适当属性并使用样式触发器来显示/隐藏某些内容：

<Style x:Key="MyStyle" TargetType="{x:Type ListViewItem}">
  <Style.Triggers>
    <Trigger Property="IsMouseOver" Value="true">...</Trigger>
    <Trigger Property="IsSelected" Value="true">...</Trigger>
    ...

https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.listviewitem?view=winrt-22000#properties