在不同 DataTemplate 中创建的两个 ScrollViewer 之间共享 Horizo​​ntalOffset

Question

我有两个 ItemsControl，它们使用与 ItemsSource 相同的集合。两个 ItemsControl 的 ItemTemplate 非常相似：两个 DataTemplate 内都有一个 ScrollViewer。

问题：

如果我更改第一个 ItemsControl 中生成的其中一个 ScrollViewer 中的 Horizo​​ntalOffset，如何从第二个 ItemsControl 滚动 ScrollViewer，它与 DataContext 具有相同的对象 ，到相同的 Horizo​​ntalOffset？

Answer 1

如果您在 Google 上搜索 WPF ScrollViewer Synchronization，您会得到很多好的结果，例如 这篇代码项目文章

Answer 2

正如雷切尔提到的，您的问题可能有很多解决方案。然而，我所看到的事情对我来说有点复杂或不简单。于是，我就这样想了，非常简单，可以应用VisualTree中所有有ScrollViewer的控件。

以下代码假设 VisualTree 中具有 ScrollViewer 的两个控件已在 Xaml 中定义，在我的代码中分别命名为 control1 和 control2。

public partial class MainWindow : Window
{
    private ScrollViewer _scrollViewer1;
    private ScrollViewer _scrollViewer2;

    public MainWindow()
    {
        InitializeComponent();
        Loaded += (s, e) =>
                    {
                        _scrollViewer1 = FindScrollViewer(**control1**);
                        _scrollViewer2 = FindScrollViewer(**control2**);
                        if (_scrollViewer1 == null || _scrollViewer2 == null) throw new InvalidOperationException();
                        _scrollViewer1.ScrollChanged += ScrollViewer1ScrollChanged;
                        _scrollViewer2.ScrollChanged += ScrollViewer2ScrollChanged;
                    };
    }

    private ScrollViewer FindScrollViewer(Visual visual)
    {
        for (int i = 0; i < VisualTreeHelper.GetChildrenCount(visual); i++)
        {
            var visualChild = VisualTreeHelper.GetChild(visual, i) as Visual;
            if (visualChild == null) continue;
            var scrollViewer = visualChild as ScrollViewer;
            if (scrollViewer != null)
            {
                return scrollViewer;
            }
            return FindScrollViewer(visualChild);
        }
        return null;
    }

    private void ScrollViewer1ScrollChanged(object sender, ScrollChangedEventArgs e)
    {
        _scrollViewer2.ScrollToVerticalOffset(_scrollViewer1.VerticalOffset);
    }

    private void ScrollViewer2ScrollChanged(object sender, ScrollChangedEventArgs e)
    {
        _scrollViewer1.ScrollToVerticalOffset(_scrollViewer2.VerticalOffset);
    }
}