WPF学习笔记（5）：两个DataGrid的滚动条实现同步滚动

最新推荐文章于 2023-09-03 16:04:15 发布

转载最新推荐文章于 2023-09-03 16:04:15 发布 · 651 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lylgt/p/10362158.html

本文介绍两种实现两个DataGrid滚动条同步滚动的方法：一是使用DependencyProperty注册附加属性并关联滚动条属性；二是利用ScrollChanged事件同步两个滚动条位置。适用于需要在多个DataGrid间保持一致滚动状态的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：两个DataGrid的滚动条实现同步滚动。

代码参考了博客园chuncn的文章《.net中同步多个ScrollViewer滚动的四种方法》，原文是针对ListBox的。现改为针对DataGrid，略微作了修改，代码以水平滚动条为例。

原文地址：https://www.cnblogs.com/chuncn/archive/2011/10/08/2202175.html

实现方法：

方法一：利用DependencyProperty类的RegisterAttached方法，在属性系统上注册附加属性，并将滚动条属性值HorizontalOffset通过注册属性关联到一个方法。

ScrollViewer sv1, sv2;

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    //分别获取两个DataGrid的ScrollViewer
    sv1 = VisualTreeHelper.GetChild(VisualTreeHelper.GetChild(this.DataGrid1, 0), 0) as ScrollViewer;
    sv2 = VisualTreeHelper.GetChild(VisualTreeHelper.GetChild(this.DataGrid2, 0), 0) as ScrollViewer;

    //将滚动条属性值HorizontalOffset关联到OnScrollChanged1方法
var offsetChangeListener = DependencyProperty.RegisterAttached("ListenerOffset1", typeof(object), typeof(UserControl), new PropertyMetadata(OnScrollChanged1));
    var binding = new Binding("HorizontalOffset") { Source = sv1 };
    sv1.SetBinding(offsetChangeListener, binding);

    offsetChangeListener = DependencyProperty.RegisterAttached("ListenerOffset2", typeof(object), typeof(UserControl), new PropertyMetadata(OnScrollChanged2));
    binding = new Binding("HorizontalOffset") { Source = sv2 };
    sv2.SetBinding(offsetChangeListener, binding);
}

public void OnScrollChanged1(DependencyObject sender, DependencyPropertyChangedEventArgs e)
{
    double a = (double)e.NewValue;  //获取滚动条位置变化后的属性值
    sv2.ScrollToHorizontalOffset(a);
}

public void OnScrollChanged2(DependencyObject sender, DependencyPropertyChangedEventArgs e)
{
    double a = (double)e.NewValue;
    sv1.ScrollToHorizontalOffset(a);
}

方法二：利用滚动条的ScrollChanged事件，同步两个滚动条的位置。

ScrollViewer sv1, sv2;

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    //分别获取两个DataGrid的ScrollViewer
    sv1 = VisualTreeHelper.GetChild(VisualTreeHelper.GetChild(this.DataGrid1, 0), 0) as ScrollViewer;
    sv2 = VisualTreeHelper.GetChild(VisualTreeHelper.GetChild(this.DataGrid2, 0), 0) as ScrollViewer;

    //关联ScrollChanged事件
    sv1.ScrollChanged += new ScrollChangedEventHandler(sv1_ScrollChanged);
    sv2.ScrollChanged += new ScrollChangedEventHandler(sv2_ScrollChanged);
}

void sv1_ScrollChanged(object sender, ScrollChangedEventArgs e)
{
    sv2.ScrollToHorizontalOffset(sv1.HorizontalOffset);
}

void sv2_ScrollChanged(object sender, ScrollChangedEventArgs e)
{
    sv1.ScrollToHorizontalOffset(sv2.HorizontalOffset);
}