WPF中VirtualizingStackPanel结合ScrollView的搜索结果滚动定位实现

嘿，这个需求我刚好折腾过类似的场景，完全能在MVVM规则下搞定，不用ListView也没问题！下面给你拆解具体的实现方案，一步步来：

核心是把查找状态（搜索文本、匹配行索引、当前选中匹配项）放在ViewModel里维护，通过附加属性或者行为实现ViewModel到View的滚动触发——这两种方式都符合MVVM的“ViewModel不直接操作View”原则，完美避开代码后台直接操作UI的坑。

咱先把查找相关的可观察属性和命令定义好，这里我用CommunityToolkit.Mvvm来简化INotifyPropertyChanged的实现，你也可以自己实现：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using System.Collections.ObjectModel;
using System.Linq;
using System.Threading.Tasks;

public class FileViewerViewModel : ObservableObject
{
    // 存储大文件的行数据
    public ObservableCollection<string> FileLines { get; } = new();

    // 用户输入的搜索文本
    private string _searchText = string.Empty;
    public string SearchText
    {
        get => _searchText;
        set
        {
            if (SetProperty(ref _searchText, value))
            {
                // 搜索文本变化时自动更新匹配行
                _ = UpdateMatchedLinesAsync();
            }
        }
    }

    // 所有匹配行的索引集合
    public ObservableCollection<int> MatchedLineIndices { get; } = new();

    // 当前选中的匹配项索引（-1表示无匹配）
    private int _currentMatchIndex = -1;
    public int CurrentMatchIndex
    {
        get => _currentMatchIndex;
        set => SetProperty(ref _currentMatchIndex, value);
    }

    // 用于触发滚动的附加属性绑定值
    private int _autoScrollToIndex = -1;
    public int AutoScrollToIndex
    {
        get => _autoScrollToIndex;
        set => SetProperty(ref _autoScrollToIndex, value);
    }

    // 查找下一个的命令
    [RelayCommand]
    public void FindNext()
    {
        if (MatchedLineIndices.Count == 0)
        {
            _ = UpdateMatchedLinesAsync();
            if (MatchedLineIndices.Count == 0) return; // 无匹配直接返回
        }

        // 循环切换匹配项
        CurrentMatchIndex = (CurrentMatchIndex + 1) % MatchedLineIndices.Count;
        // 触发滚动到目标行，之后重置值避免重复触发
        AutoScrollToIndex = MatchedLineIndices[CurrentMatchIndex];
        AutoScrollToIndex = -1;
    }

    // 异步更新匹配行，避免百万行时UI卡顿
    private async Task UpdateMatchedLinesAsync()
    {
        MatchedLineIndices.Clear();
        CurrentMatchIndex = -1;

        if (string.IsNullOrWhiteSpace(SearchText)) return;

        // 后台线程处理匹配，不卡UI
        var matches = await Task.Run(() =>
            FileLines.Select((line, index) => new { line, index })
                     .Where(x => x.line.Contains(SearchText))
                     .Select(x => x.index)
                     .ToList());

        // 回到UI线程更新集合
        foreach (var index in matches)
        {
            MatchedLineIndices.Add(index);
        }

        if (MatchedLineIndices.Count > 0)
        {
            CurrentMatchIndex = 0;
            AutoScrollToIndex = MatchedLineIndices[0];
            AutoScrollToIndex = -1;
        }
    }
}

因为ViewModel不能直接调用View的滚动方法，咱写一个附加属性，让ViewModel通过绑定这个属性来通知View滚动到指定索引：

using System.Windows;
using System.Windows.Controls;

public static class ScrollHelper
{
    // 定义附加属性：AutoScrollToIndex
    public static readonly DependencyProperty AutoScrollToIndexProperty =
        DependencyProperty.RegisterAttached(
            "AutoScrollToIndex",
            typeof(int),
            typeof(ScrollHelper),
            new PropertyMetadata(-1, OnAutoScrollToIndexChanged));

    public static int GetAutoScrollToIndex(DependencyObject obj)
    {
        return (int)obj.GetValue(AutoScrollToIndexProperty);
    }

    public static void SetAutoScrollToIndex(DependencyObject obj, int value)
    {
        obj.SetValue(AutoScrollToIndexProperty, value);
    }

    // 属性变化时触发滚动逻辑
    private static void OnAutoScrollToIndexChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is ItemsControl itemsControl && e.NewValue is int index && index != -1)
        {
            // 获取VirtualizingStackPanel实例
            var vsp = itemsControl.ItemsPanelRoot as VirtualizingStackPanel;
            if (vsp == null) return;

            // 滚动到目标索引
            vsp.BringIndexIntoView(index);

            // 可选：让目标行获得焦点，增强用户体验
            if (itemsControl.ItemContainerGenerator.ContainerFromIndex(index) is FrameworkElement container)
            {
                container.Focus();
            }
        }
    }
}

最后在XAML里把ItemsControl、搜索控件和附加属性绑定起来，同时复用你已有的高亮逻辑：

<Window x:Class="YourNamespace.FileViewerWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourNamespace"
        Title="大文件查看器" Height="600" Width="800">
    <Window.DataContext>
        <local:FileViewerViewModel />
    </Window.DataContext>

    <!-- 快捷键绑定：Ctrl+G触发查找下一个 -->
    <Window.InputBindings>
        <KeyBinding Key="G" Modifiers="Control" Command="{Binding FindNextCommand}" />
    </Window.InputBindings>

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

        <!-- 搜索栏 -->
        <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="10">
            <TextBox Text="{Binding SearchText}" Width="200" Margin="0 0 10 0" />
            <Button Command="{Binding FindNextCommand}" Content="查找下一个" />
        </StackPanel>

        <!-- 文件内容展示区 -->
        <ScrollView Grid.Row="1">
            <ItemsControl ItemsSource="{Binding FileLines}"
                          local:ScrollHelper.AutoScrollToIndex="{Binding AutoScrollToIndex}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <VirtualizingStackPanel />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <!-- 这里复用你已有的高亮逻辑，比如用转换器判断是否是当前匹配行 -->
                        <TextBlock Text="{Binding}" 
                                   Padding="2"
                                   Background="{Binding DataContext.CurrentMatchIndex, 
                                                       RelativeSource={RelativeSource AncestorType=ItemsControl},
                                                       Converter={StaticResource MatchHighlightConverter},
                                                       ConverterParameter={Binding DataContext.MatchedLineIndices, 
                                                                                   RelativeSource={RelativeSource AncestorType=ItemsControl}}}" />
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </ScrollView>
    </Grid>
</Window>

1. 虚拟化生效前提：一定要确保VirtualizingStackPanel是ItemsControl的ItemsPanel，并且ItemsControl嵌套在ScrollView中，否则虚拟化可能不生效。
2. 异步优化：百万行文件的匹配逻辑一定要放在后台线程处理，避免UI卡顿，我上面的代码已经用Task.Run做了异步处理。
3. 高亮联动：你已有的高亮逻辑可以通过绑定CurrentMatchIndex和MatchedLineIndices来区分“普通匹配行”和“当前选中匹配行”，给不同的高亮样式。

内容的提问来源于stack exchange，提问作者Luboš Suk