UWP：实现两个ListView间选中项同步滚动与聚焦

当然可以实现这个功能！我之前也碰到过类似的场景，咱们一步步拆解问题，找到可行的解决办法：

核心问题分析 #

你之前调用ScrollIntoView没效果，大概率是因为两个ListView里的TextLine对象虽然行号和文本一致，但不是同一个实例。UWP的ListView默认是通过对象引用来匹配项的，哪怕你的Equals方法重写了，它还是会优先找引用相同的对象，所以直接传原ListView里的选中项到另一个ListView的ScrollIntoView里，自然找不到对应的项。

具体实现步骤 #

1. 找到目标ListView中的对应项实例 #

首先，在选中事件LineSelected里，先获取当前选中的行，然后从另一个筛选后的ListView的Items集合里，找到行号匹配的TextLine实例（注意必须是筛选列表里的实际对象）：

private void LineSelected(object sender, SelectionChangedEventArgs e)
{
    // 获取当前选中的行
    var selectedLine = (sender as ListView)?.SelectedItem as TextLine;
    if (selectedLine == null) return;

    // 假设第二个筛选后的ListView名叫FilteredTextContent
    var targetLine = FilteredTextContent.Items.Cast<TextLine>()
        .FirstOrDefault(line => line.LineNumber == selectedLine.LineNumber);
    
    if (targetLine == null)
    {
        // 筛选后的列表里没有这一行，直接返回
        return;
    }

    // 先设置选中项
    FilteredTextContent.SelectedItem = targetLine;
    // 滚动到选中项，可选Center让项居中显示
    FilteredTextContent.ScrollIntoView(targetLine, ScrollIntoViewAlignment.Center);
}

2. 解决UI未更新导致的滚动失效 #

有时候筛选操作刚完成，UI还没来得及渲染，直接调用ScrollIntoView可能没反应。这种情况下可以借助Dispatcher延迟执行，确保UI更新完成后再滚动：

private async void LineSelected(object sender, SelectionChangedEventArgs e)
{
    var selectedLine = (sender as ListView)?.SelectedItem as TextLine;
    if (selectedLine == null) return;

    var targetLine = FilteredTextContent.Items.Cast<TextLine>()
        .FirstOrDefault(line => line.LineNumber == selectedLine.LineNumber);
    
    if (targetLine == null) return;

    FilteredTextContent.SelectedItem = targetLine;
    // 延迟到UI线程空闲时执行滚动
    await FilteredTextContent.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
    {
        FilteredTextContent.ScrollIntoView(targetLine, ScrollIntoViewAlignment.Center);
    });
}

3. 备用方案：通过ScrollViewer手动滚动 #

如果上面的方法还是不行，可以尝试直接操作ListView内部的ScrollViewer。先写一个获取视觉树中ScrollViewer的扩展方法：

using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;

public static class VisualTreeHelperExtensions
{
    public static ScrollViewer GetScrollViewer(this DependencyObject element)
    {
        if (element is ScrollViewer)
            return (ScrollViewer)element;

        for (int i = 0; i < VisualTreeHelper.GetChildrenCount(element); i++)
        {
            var child = VisualTreeHelper.GetChild(element, i);
            var result = GetScrollViewer(child);
            if (result != null)
                return result;
        }
        return null;
    }
}

然后在选中事件里用这个方法找到ScrollViewer，计算目标项的位置并滚动：

private async void LineSelected(object sender, SelectionChangedEventArgs e)
{
    var selectedLine = (sender as ListView)?.SelectedItem as TextLine;
    if (selectedLine == null) return;

    var targetLine = FilteredTextContent.Items.Cast<TextLine>()
        .FirstOrDefault(line => line.LineNumber == selectedLine.LineNumber);
    
    if (targetLine == null) return;

    FilteredTextContent.SelectedItem = targetLine;
    await FilteredTextContent.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
    {
        var scrollViewer = FilteredTextContent.GetScrollViewer();
        if (scrollViewer == null) return;

        // 获取目标项的容器
        var container = FilteredTextContent.ContainerFromItem(targetLine) as ListViewItem;
        if (container == null) return;

        // 计算容器相对于ScrollViewer的位置
        var transform = container.TransformToVisual(scrollViewer);
        var position = transform.TransformPoint(new Point(0, 0));

        // 滚动到对应位置
        scrollViewer.ChangeView(null, position.Y, null);
    });
}

额外注意事项 #

• 确保两个ListView的ItemsSource都是实现了INotifyCollectionChanged的集合（比如ObservableCollection<TextLine>），这样筛选后UI能及时更新，找项时不会出错。
• 如果筛选是动态触发的（比如用户输入筛选关键词），建议在筛选完成后再处理同步选中的逻辑，避免在筛选过程中找不到目标项。

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