ScrollViewer 和处理子元素上的操作事件

Question

我使用 C#/XAML 创建了一个 Windows 8 应用商店应用程序。我的界面包括一个可滚动的列表，它使用ScrollViewer 呈现。我希望能够处理列表中元素的操作事件，但是，将列表元素上的 ManipulationMode 设置为 None 以外的任何内容都会导致我的列表不再滚动。

这是 UI 的简化版本：

<ScrollViewer>
  <Border/> <!-- these contain child content -->
  <Border/>
  <Border/>
  <!-- Set ManipulationMode on an element in order to receive manipulation events -->
  <!-- This causes the scroll viewer to stop working! -->
  <Border ManipulationMode="All"
          ManipulationDelta="..."/>
  <Border/>
  <Border/>
</ScrollViewer>

我了解 WinRT ScrollViewer 出于性能原因使用 System 的特殊 ManipulationMode，但我想要一个垂直滚动列表，其中包含响应水平操作/手势的元素。谁能想到一个创造性的解决方法来实现这一点？

Answer 1

可能很长时间，但没有找到任何好的解决方案。我很容易就实现了我想要的。

public MovableGrid()
        {
            ManipulationMode = ManipulationModes.TranslateX | ManipulationModes.System;
            AddHandler(ManipulationDeltaEvent, new ManipulationDeltaEventHandler(UIElement_OnManipulationDelta), true);
            AddHandler(ManipulationCompletedEvent, new ManipulationCompletedEventHandler(UIElement_OnManipulationCompleted), true);
        }

我希望我的 MovableGrid 在 X 轴上移动，并且我有想要使用 scrollviewer 滚动的 MovableGrid 列表。这样做就足够了。

Answer 2

我所做的是在 ScrollViewer 顶部放置一个透明矩形并在那里处理操作。当我发现操作应该滚动 ScrollViewer - 我使用 ScrollToHorizo​​ntal/VerticalOffset() 方法滚动 ScrollViewer。在 ManipulationStarted 上，我还使用 VisualTreeHelper.FindElementsInHostCoordinates 来检查我也可以操作哪个项目，然后我可以根据各种条件决定是否操作该项目。虽然这是相当多的自定义代码。当用户尝试拖动比最小/最大偏移量更远以模仿 ScrollViewer 默认行为、处理鼠标滚轮等时，您还需要更新 ScrollViewer 中 ScrollContentPresenter 的 RenderTransform。当然，没有什么是您无法处理的。很遗憾，我找不到更好的方法，如果有人能找到，我很感兴趣。

编辑* 我在尝试回答 another similar question 时想到的另一个解决方案是使用另一个 ScrollViewer 作为子项并使用其 ViewChanged 事件而不是操作事件。

编辑 2*

此外，在 Windows 8.1 中，您将获得 ManipulationModes.System，它与其他模式相结合应该允许您处理 ScrollViewer 内部的操作。然后，一旦您希望其父 ScrollViewers 停止处理平移和缩放操作，您就可以在被操作元素上调用 CancelDirectManipulations()。