WinUI 3单模式ListView实现Ctrl点击行高亮的方案咨询

要实现单选择模式ListView下Ctrl点击标记选中、正常点击触发操作的需求，核心是自行维护选中项集合，通过绑定控制视觉样式，而非依赖ListView自带的选中机制。具体步骤如下：

1. 维护自定义选中项集合 #

在代码后台或ViewModel中定义可观察集合，用来存储手动选中的项（确保UI能自动响应集合变化）：

// 替换YourItemType为你的数据项类型
private ObservableCollection<YourItemType> _manualSelectedItems = new ObservableCollection<YourItemType>();
public ObservableCollection<YourItemType> ManualSelectedItems
{
    get => _manualSelectedItems;
    set
    {
        _manualSelectedItems = value;
        // 若使用MVVM框架，这里调用属性变更通知方法，比如OnPropertyChanged();
    }
}

或者更贴合MVVM的方式：给数据模型添加IsManuallySelected布尔属性并实现INotifyPropertyChanged：

public class YourItemType : INotifyPropertyChanged
{
    private bool _isManuallySelected;
    public bool IsManuallySelected
    {
        get => _isManuallySelected;
        set
        {
            _isManuallySelected = value;
            OnPropertyChanged(nameof(IsManuallySelected));
        }
    }

    // 其他业务属性...

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 自定义ItemTemplate绑定选中样式 #

修改ListView的ItemTemplate，通过数据触发器绑定自定义选中状态，控制项的高亮外观：

方式一：绑定集合判断选中 #

<ListView IsItemClickEnabled="True" ItemClick="Results_ItemClick">
    <ListView.Resources>
        <local:IsItemInCollectionConverter x:Key="IsInCollectionConverter" />
    </ListView.Resources>
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid x:Name="ItemGrid" Background="Transparent">
                <!-- 你的项内容示例 -->
                <TextBlock Text="{Binding Title}" Margin="12"/>
                
                <!-- 定义选中/未选中视觉状态 -->
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="SelectionStates">
                        <VisualState x:Name="Unselected"/>
                        <VisualState x:Name="Selected">
                            <VisualState.Setters>
                                <Setter Target="ItemGrid.Background" Value="{ThemeResource SystemControlHighlightListAccentMediumBrush}"/>
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
            </Grid>
            <DataTemplate.Triggers>
                <!-- 判断当前项是否在手动选中集合中 -->
                <DataTrigger Binding="{Binding Converter={StaticResource IsInCollectionConverter}, ConverterParameter={x:Bind ManualSelectedItems}}" Value="True">
                    <Setter TargetName="ItemGrid" Property="VisualStateManager.VisualStateGroups[0].CurrentState" Value="Selected"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

对应的集合判断转换器：

public class IsItemInCollectionConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        var item = value as YourItemType;
        var collection = parameter as ObservableCollection<YourItemType>;
        return collection?.Contains(item) ?? false;
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

方式二：绑定数据模型的IsManuallySelected属性（更简洁） #

<ListView IsItemClickEnabled="True" ItemClick="Results_ItemClick">
    <ListView.Resources>
        <local:BooleanToBrushConverter x:Key="BooleanToBrushConverter" />
    </ListView.Resources>
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid Background="{Binding IsManuallySelected, Converter={StaticResource BooleanToBrushConverter}}">
                <TextBlock Text="{Binding Title}" Margin="12"/>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

对应的布尔转画刷转换器：

public class BooleanToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        var isSelected = (bool)value;
        return isSelected 
            ? Application.Current.Resources["SystemControlHighlightListAccentMediumBrush"] as Brush 
            : new SolidColorBrush(Colors.Transparent);
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

3. 处理ItemClick事件逻辑 #

在Results_ItemClick事件中区分Ctrl点击和普通点击，更新选中状态或触发操作：

private void Results_ItemClick(object sender, ItemClickEventArgs e)
{
    var clickedItem = e.ClickedItem as YourItemType;
    if (clickedItem == null) return;

    // 检查Ctrl键状态：UWP写法，WPF替换为Keyboard.IsKeyDown(Key.LeftCtrl) || Keyboard.IsKeyDown(Key.RightCtrl)
    var isCtrlPressed = Window.Current.CoreWindow.GetKeyState(VirtualKey.Control).HasFlag(CoreVirtualKeyStates.Down);

    if (isCtrlPressed)
    {
        // Ctrl点击：切换选中状态
        if (ManualSelectedItems.Contains(clickedItem))
        {
            ManualSelectedItems.Remove(clickedItem);
            // 若用IsManuallySelected属性则改为：clickedItem.IsManuallySelected = false;
        }
        else
        {
            ManualSelectedItems.Add(clickedItem);
            // 若用IsManuallySelected属性则改为：clickedItem.IsManuallySelected = true;
        }
        // 显示批量操作按钮（根据需求实现）
        ShowBatchOperationButton();
    }
    else
    {
        // 普通点击：清空选中集合，触发单条操作
        ManualSelectedItems.Clear();
        // 若用IsManuallySelected属性则遍历所有项设为false：YourItemList.ForEach(item => item.IsManuallySelected = false);
        
        // 执行单条操作逻辑
        ExecuteSingleItemOperation(clickedItem);
        // 隐藏批量操作按钮
        HideBatchOperationButton();
    }
}

关键说明 #

• 单选择模式下ListView的SelectedItems集合是只读的，无法手动添加项，且默认选中逻辑会和自定义行为冲突，因此必须自行维护选中状态。
• 绑定自定义选中状态的方式，能避免VisualStateManager被ListView默认样式重置的问题，确保选中项持续保持高亮。

内容的提问来源于stack exchange，提问作者phiwhynot