這篇文章將為大家詳細(xì)講解有關(guān)WPF如何使ScrollViewer滾動(dòng)到指定控件處，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

呈貢網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,呈貢網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為呈貢成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營(yíng)銷網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的呈貢做網(wǎng)站的公司定做！

在前端 UI 開發(fā)中，有時(shí)，我們會(huì)遇到這樣的需求：在一個(gè) ScrollViewer 中有很多內(nèi)容，而我們需要實(shí)現(xiàn)在執(zhí)行某個(gè)操作后能夠定位到其中指定的控件處；這很像在 HTML 頁(yè)面中點(diǎn)擊一個(gè)鏈接后定位到當(dāng)前網(wǎng)頁(yè)上的某個(gè) anchor。

要實(shí)現(xiàn)它，首先我們需要看 ScrollViewer 為我們提供的 API，其中并沒(méi)有類似于 ScrollToControl 這樣的方法；在它的幾個(gè)以 ScrollTo 開頭的方法中，最合適的就是 ScrollToVerticalOffset 這個(gè)方法了，這個(gè)方法接受一個(gè)參數(shù)，即縱向的偏移位置。那么，很重要的問(wèn)題：我們?cè)趺茨艿玫揭ㄎ坏哪莻€(gè)控件在 ScrollViewer 中的位置呢？

在我之前寫的這篇文章中：XAML: 獲取元素的位置，有如何獲到元素相對(duì)位置的介紹，建議大家先了解一下，其中使用了 Visual.TransformToVisual 方法等。當(dāng)你理解了這篇文章后，再回過(guò)頭來(lái)看本文后面的內(nèi)容，就很容易了。

接下來(lái)，我們使用以下代碼，即可實(shí)現(xiàn)上述需求：

// 獲取要定位之前 ScrollViewer 目前的滾動(dòng)位置
 var currentScrollPosition = ScrollViewer.VerticalOffset;
 var point = new Point(0, currentScrollPosition);

 // 計(jì)算出目標(biāo)位置并滾動(dòng)
 var targetPosition = TargetControl.TransformToVisual(ScrollViewer).Transform(point);
 ScrollViewer.ScrollToVerticalOffset(targetPosition.Y);

另外，由于通常情況下，我們會(huì)采用 MVVM 模式，因此我們可以將上述代碼封裝成一個(gè) Action，而避免在 Code-Behind 代碼文件中添加上述代碼。

新創(chuàng)建的名為 ScrollToControlAction 的 Action，在其中定義兩個(gè)依賴屬性 ScrollViewer 和 TargetControl，分別表示指定的要操作的 ScrollViewer 和要定位到的控件，然后將上述代碼放到其 Invoke 方法中即可。由于 Action 并非本文主題，所以這里并不會(huì)展開太多的講解，可以參考以下代碼或本文后提供的 Demo 作進(jìn)一步了解。

namespace ScrollTest
{
 /// 

 /// 在 ScrollViewer 中定位到指定的控件
 /// 說(shuō)明：目前支持的是垂直滾動(dòng)
 /// 
 public class ScrollToControlAction : TriggerAction
 {
 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));

 /// 

 /// 目標(biāo) ScrollViewer
 /// 
 public ScrollViewer ScrollViewer
 {
 get { return (ScrollViewer)GetValue(ScrollViewerProperty); }
 set { SetValue(ScrollViewerProperty, value); }
 }

 /// 

 /// 要定位的到的控件
 /// 
 public FrameworkElement TargetControl
 {
 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");
 }

 // 檢查指定的控件是否在指定的 ScrollViewer 中
 // TODO: 這里只是指定離它最近的 ScrollViewer，并沒(méi)有繼續(xù)向上找
 var container = TargetControl.FindParent();
 if (container == null || container != ScrollViewer)
 {
 throw new Exception("The TargetControl is not in the target ScrollViewer");
 }

 // 獲取要定位之前 ScrollViewer 目前的滾動(dòng)位置
 var currentScrollPosition = ScrollViewer.VerticalOffset;
 var point = new Point(0, currentScrollPosition);

 // 計(jì)算出目標(biāo)位置并滾動(dòng)
 var targetPosition = TargetControl.TransformToVisual(ScrollViewer).Transform(point);
 ScrollViewer.ScrollToVerticalOffset(targetPosition.Y);
 }
 }
}

其使用方法如下：

至此，結(jié)合 Action，我們以非常靈活的方式實(shí)現(xiàn)了本文所提出的需求。

關(guān)于“WPF如何使ScrollViewer滾動(dòng)到指定控件處”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

分享文章：WPF如何使ScrollViewer滾動(dòng)到指定控件處-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://weahome.cn/article/dssojs.html