WPF实现ScrollViewer滚动到指定控件处

WPF实现实现ScrollViewer滚动到指定控件处滚动到指定控件处

主要为大家详细介绍了WPF实现ScrollViewer滚动到指定控件处，具有一定的参考价值，感兴趣的小伙伴们可以

参考一下

在前端 UI 开发中，有时，我们会遇到这样的需求：在一个 ScrollViewer 中有很多内容，而我们需要实现在执行某个操作后能

够定位到其中指定的控件处；这很像在 HTML 页面中点击一个链接后定位到当前网页上的某个 anchor。

要实现它，首先我们需要看 ScrollViewer 为我们提供的 API，其中并没有类似于 ScrollToControl 这样的方法；在它的几个以

ScrollTo 开头的方法中，最合适的就是 ScrollToVerticalOffset 这个方法了，这个方法接受一个参数，即纵向的偏移位置。那

么，很重要的问题：我们怎么能得到要定位的那个控件在 ScrollViewer 中的位置呢？

// 计算出目标位置并滚动

var targetPosition = TargetControl.TransformToVisual(ScrollViewer).Transform(point);

ScrollViewer.ScrollToVerticalOffset(targetPosition.Y);

另外，由于通常情况下，我们会采用 MVVM 模式，因此我们可以将上述代码封装成一个 Action，而避免在 Code-Behind 代码

文件中添加上述代码。

新创建的名为 ScrollToControlAction 的 Action，在其中定义两个依赖属性 ScrollViewer 和 TargetControl，分别表示指定的要

操作的 ScrollViewer 和要定位到的控件，然后将上述代码放到其 Invoke 方法中即可。由于 Action 并非本文主题，所以这里并

不会展开太多的讲解，可以参考以下代码或本文后提供的 Demo 作进一步了解。

namespace ScrollTest

{

public static readonly DependencyProperty ScrollViewerProperty =

DependencyProperty.Register("ScrollViewer", typeof(ScrollViewer), typeof(ScrollToControlAction), new PropertyMetadata(null));

public static readonly DependencyProperty TargetControlProperty =

DependencyProperty.Register("TargetControl", typeof(FrameworkElement), typeof(ScrollToControlAction), new PropertyMetadata(null));

/// <summary>

/// 目标 ScrollViewer

/// </summary>

public ScrollViewer ScrollViewer

{

get { return (ScrollViewer)GetValue(ScrollViewerProperty); }

{

get { return (FrameworkElement)GetValue(TargetControlProperty); }

set { SetValue(TargetControlProperty, value); }

}

protected override void Invoke(object parameter)

{

if (TargetControl == null || ScrollViewer == null)

{

throw new ArgumentNullException($"{ScrollViewer} or {TargetControl} cannot be null");

}