ScrollViewer中MiddleClickScrolling动画抖动与不同步问题求助

嘿，针对你遇到的这两个问题，我来分享几个实用的解决思路，帮你优化中间键滚动的流畅度：

一、修复Storyboard动画不同步的问题 #

这个问题的核心是新动画没有继承上一个动画的当前状态，导致每次启动都从头“跳”着走。你可以试试这两步：

1. 记录当前滚动偏移作为新动画的起点
   在启动新的Storyboard前，先获取ScrollViewer当前的垂直/水平偏移值，把这个值设为新动画的From属性，而不是用默认的初始值。这样新动画就会从当前位置继续滚动，而不是重新开始。

   示例代码片段：

   // 获取当前滚动位置
   double currentVerticalOffset = myScrollViewer.VerticalOffset;
   
   // 停止当前运行的动画（如果有的话）
   _activeScrollStoryboard?.Stop();
   
   // 计算目标偏移（根据你的指针位置逻辑调整）
   double targetOffset = currentVerticalOffset + CalculateScrollDelta();
   
   // 创建新的滚动动画
   DoubleAnimation scrollAnim = new DoubleAnimation
   {
       From = currentVerticalOffset,
       To = targetOffset,
       Duration = TimeSpan.FromMilliseconds(250),
       EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut }
   };
   
   // 绑定到ScrollViewer的偏移属性
   Storyboard.SetTarget(scrollAnim, myScrollViewer);
   Storyboard.SetTargetProperty(scrollAnim, new PropertyPath(ScrollViewer.VerticalOffsetProperty));
   
   // 保存并启动新动画
   _activeScrollStoryboard = new Storyboard();
   _activeScrollStoryboard.Children.Add(scrollAnim);
   _activeScrollStoryboard.Begin();
   

2. 保留动画进度的连续性
   如果你的动画是长期运行的（比如持续滚动），可以用Storyboard.GetCurrentProgress()获取当前动画的进度，换算成对应的偏移量，再作为新动画的起始点。这样即使中断动画，也能无缝衔接。

二、解决指针移动时的抖动问题 #

抖动的根源是频繁重启Storyboard导致的状态断层——每次移动指针都停止旧动画、启动新动画，中间会有瞬间的“卡顿感”。你可以换两种思路来优化：

思路1：动态调整现有动画的参数，而非重启 #

不要直接销毁旧动画，而是修改正在运行的动画的To属性或者速度参数。比如用DoubleAnimation的By属性来增量调整，或者通过SpeedRatio改变滚动速度：

// 假设_scrollAnim是当前运行的DoubleAnimation
if (_scrollAnim != null && _activeScrollStoryboard?.GetCurrentState() == ClockState.Active)
{
    // 根据新的指针位置计算新的速度
    double newSpeed = CalculateNewScrollSpeed();
    // 调整动画的速度比例
    _scrollAnim.SpeedRatio = newSpeed;
    // 或者更新目标偏移
    _scrollAnim.To = myScrollViewer.VerticalOffset + CalculateNewDelta();
}

思路2：抛弃Storyboard，用帧更新实现平滑滚动 #

改用DispatcherTimer或者Composition API来逐帧更新滚动位置，这样每次指针移动只需要更新目标速度，不需要重启整个动画，流畅度会高很多。

示例用DispatcherTimer实现：

private double _currentScrollSpeed = 0;
private DispatcherTimer _scrollUpdateTimer;

// 初始化定时器（在构造函数里）
_scrollUpdateTimer = new DispatcherTimer
{
    Interval = TimeSpan.FromMilliseconds(16) // 匹配屏幕刷新率（约60帧/秒）
};
_scrollUpdateTimer.Tick += ScrollUpdateTimer_Tick;

private void ScrollUpdateTimer_Tick(object sender, EventArgs e)
{
    if (Math.Abs(_currentScrollSpeed) < 0.1)
    {
        // 速度趋近于0，停止定时器
        _scrollUpdateTimer.Stop();
        return;
    }

    // 计算新的滚动位置
    double newOffset = myScrollViewer.VerticalOffset + _currentScrollSpeed;
    // 限制在滚动范围内，避免越界
    newOffset = Math.Clamp(newOffset, 0, myScrollViewer.ScrollableHeight);
    
    // 更新滚动位置
    myScrollViewer.ScrollToVerticalOffset(newOffset);
}

// 指针移动时更新速度
private void OnPointerMoved(object sender, PointerEventArgs e)
{
    // 根据指针位置计算新的滚动速度（你的逻辑）
    _currentScrollSpeed = CalculateSpeedFromPointer(e.GetPosition(myScrollViewer));
    
    if (!_scrollUpdateTimer.IsEnabled)
    {
        _scrollUpdateTimer.Start();
    }
}

这种方式相当于自己控制滚动的每一步，不会有Storyboard重启的断层感，抖动问题会明显改善。

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