如何防止 ScrollViewer 在更新时触发 ViewChanged 事件？

Question

我有两个 ScrollViewer，我需要在任何 ScrollViewer 发生变化时同步这些 ScrollViewer 的位置，但现在假设当任何人 scrollviewer2 发生变化时，然后在调用 ScrollViewer1 的 ChangeView 事件时它会触发它的 ViewChangedEvent，它正在重置 ScrollViewer2位置靠后。

 private void Scroll(ScrollViewer changedScrollViewer)
    {
        var group = ScrollViewers[changedScrollViewer];
        VerticalScrollOffsets[group] = changedScrollViewer.VerticalOffset;
        HorizontalScrollOffsets[group] = changedScrollViewer.HorizontalOffset;
        foreach (var scrollViewer in ScrollViewers.Where(s => s.Value == group && s.Key != changedScrollViewer))
        {
            scrollViewer.Key.ViewChanged -= ScrollViewer_ViewChanged;
            if (scrollViewer.Key.VerticalOffset != changedScrollViewer.VerticalOffset)
            {
                scrollViewer.Key.ChangeView(null, changedScrollViewer.VerticalOffset, null, true);
            }

            if (scrollViewer.Key.HorizontalOffset != changedScrollViewer.HorizontalOffset)
            {
                scrollViewer.Key.ChangeView(changedScrollViewer.HorizontalOffset, null, null, true);
            }
           //Commenting this line works. But I need to set ViewChange event back.
            scrollViewer.Key.ViewChanged += ScrollViewer_ViewChanged;
        }
    }

Answer 1

对于同步两个 ScrollViewers，更好的方法是制作一个新的 Dependency Property，并用相同的值绑定它。当 Dependency Property 值改变时，它会通知 ScrollViewer 自动滚动。此解决方案将阻止 Circular Reference 在 ViewChanged 事件中发生。

我已经在 code sample 中为 ListView 实现了它。您可以参考段代码。但是对于ScrollViewer，需要制作xaml Behavior，因为ScrollViewer被封class，无法继承。

public class SyncBehavior : Behavior<ScrollViewer>
{

    protected override void OnAttached()
    {
        base.OnAttached();
        AssociatedObject.Loaded += OnAssociatedObjectLoaded;
        AssociatedObject.LayoutUpdated += OnAssociatedObjectLayoutUpdated;
    }

    protected override void OnDetaching()
    {
        base.OnDetaching();
        AssociatedObject.Loaded -= OnAssociatedObjectLoaded;
        AssociatedObject.LayoutUpdated -= OnAssociatedObjectLayoutUpdated;
    }

    private void OnAssociatedObjectLayoutUpdated(object sender, object o)
    {
        SyncPointOffSetY();
    }

    private void OnAssociatedObjectLoaded(object sender, RoutedEventArgs routedEventArgs)
    {
        SyncPointOffSetY();
        AssociatedObject.Loaded -= OnAssociatedObjectLoaded;
    }

    private void SyncPointOffSetY()
    {
        if (AssociatedObject == null) return;

        AssociatedObject.ViewChanged += AssociatedObject_ViewChanged;
    }

    private void AssociatedObject_ViewChanged(object sender, ScrollViewerViewChangedEventArgs e)
    {
        var MyScrollViewer = sender as ScrollViewer;
        this.SetValue(PointOffSetYProperty, MyScrollViewer.VerticalOffset);

    }

    public double PointOffSetY
    {
        get { return (double)GetValue(PointOffSetYProperty); }
        set { SetValue(PointOffSetYProperty, value); }
    }

    // Using a DependencyProperty as the backing store for MyProperty.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty PointOffSetYProperty =
        DependencyProperty.Register("PointOffSetY", typeof(double), typeof(SyncBehavior), new PropertyMetadata(0.0, CallBack));

    private static void CallBack(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var current = d as SyncBehavior;
        var temScrollViewer = current.AssociatedObject;
        if (e.NewValue != e.OldValue & (double)e.NewValue != 0)
        {
            temScrollViewer.ScrollToVerticalOffset((double)e.NewValue);
        }
    }


}

用法

<ScrollViewer  >
    <Interactivity:Interaction.Behaviors>
        <local:SyncBehavior  PointOffSetY="{Binding PointY,Mode=TwoWay}"/>
    </Interactivity:Interaction.Behaviors>
    <StackPanel >
        <Rectangle Height="500" Fill="Red"/>
        <Rectangle Height="500" Fill="Black"/>
        <Rectangle Height="500" Fill="Yellow"/>
    </StackPanel>
</ScrollViewer>
<ScrollViewer Grid.Column="1" >
    <Interactivity:Interaction.Behaviors>
        <local:SyncBehavior  PointOffSetY="{Binding PointY,Mode=TwoWay}"/>
    </Interactivity:Interaction.Behaviors>
    <StackPanel >
        <Rectangle Height="500" Fill="Red"/>
        <Rectangle Height="500" Fill="Black"/>
        <Rectangle Height="500" Fill="Yellow"/>
    </StackPanel>

</ScrollViewer>

并且我也将上面的代码添加到 sample 中，您可以轻松参考。

Answer 2

@Nico 的解决方案更可取。如果您仍然需要带有标志的东西，它看起来像这样：

bool is_programmatic_call = false;
private void ScrollViewer_ViewChanged(object sender, ScrollViewerViewChangedEventArgs e)
{

    if (is_programmatic_call)
    {
        is_programmatic_call = false;
        return;
    }
    if(sender == ScrollViewer1)
    {
        ScrollViewer2.ViewChanged -= ScrollViewer_ViewChanged;
        is_programmatic_call = true;
        ScrollViewer2.ChangeView(ScrollViewer1.HorizontalOffset, ScrollViewer1.VerticalOffset, null, true);
        ScrollViewer2.ViewChanged += ScrollViewer_ViewChanged;
    }
    else
    {
        ScrollViewer1.ViewChanged -= ScrollViewer_ViewChanged;
        is_programmatic_call = true;
        ScrollViewer1.ChangeView(ScrollViewer2.HorizontalOffset, ScrollViewer2.VerticalOffset, null, true);
        ScrollViewer1.ViewChanged += ScrollViewer_ViewChanged;
    }
}

ScrollViewer 的 ViewChanged 事件均由此 ScrollViewer_ViewChanged

处理

如何防止 ScrollViewer 在更新时触发 ViewChanged 事件？

How to prevent ScrollViewer firing ViewChanged event while it is updating?

c#

xaml

windows-runtime

uwp