在 wpf 中的 itemscontrol 上禁用鼠标滚轮

问题描述 投票：0回答：8

我有一个带有滚动查看器的用户控件，然后是一堆子控件，如文本框、单选按钮和列表框等。我可以使用鼠标滚轮滚动父滚动查看器，直到鼠标落在列表框中，然后鼠标滚轮事件开始进入列表框。

有什么方法可以让列表框将这些事件发送回父控件吗？像这个问题所暗示的那样，从父控件内部删除列表框（在 ScrollViewer 的子控件上时鼠标滚轮不起作用）不是解决方案。

我已经尝试过了

private void ListBox_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
{
    e.Handled = true;
}

但这也不起作用。

谢谢

c# .net wpf listbox mousewheel
8个回答
41
投票

这可以通过附加行为来完成。

所以我想出了以下 IgnoreMouseWheelBehavior。从技术上讲，它并不是忽略 MouseWheel，而是将事件“转发”回 ListBox 之外。检查一下。

/// <summary>
/// Captures and eats MouseWheel events so that a nested ListBox does not
/// prevent an outer scrollable control from scrolling.
/// </summary>
public sealed class IgnoreMouseWheelBehavior : Behavior<UIElement>
{

  protected override void OnAttached( )
  {
     base.OnAttached( );
      AssociatedObject.PreviewMouseWheel += AssociatedObject_PreviewMouseWheel ;
  }

  protected override void OnDetaching( )
  {
      AssociatedObject.PreviewMouseWheel -= AssociatedObject_PreviewMouseWheel;
      base.OnDetaching( );
  }

  void AssociatedObject_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
  {

      e.Handled = true;

      var e2 = new MouseWheelEventArgs(e.MouseDevice,e.Timestamp,e.Delta);
      e2.RoutedEvent = UIElement.MouseWheelEvent;

      AssociatedObject.RaiseEvent(e2);

  }

}

以下是如何在 XAML 中使用它。

<ScrollViewer Name="IScroll">
    <ListBox Name="IDont">
        <i:Interaction.Behaviors>
            <local:IgnoreMouseWheelBehavior />
        </i:Interaction.Behaviors>
    </ListBox>
</ScrollViewer>

其中 

i
命名空间是：

 xmlns:i="http://schemas.microsoft.com/xaml/behaviors"

请注意，您需要 

Microsoft.Xaml.Behaviors.Wpf
nuget 包才能使用它。

40
投票

您引用的答案正是导致问题的原因，ScrollViewer 内的 ListBox（由 ScrollViewer 等组成）捕获 MouseWheel 事件并处理它，防止其冒泡，因此 ScrollViewer 不知道事件曾经发生过。

使用以下极其简单的 ControlTemplate 为您的 ListBox 进行演示（请注意，其中没有 ScrollViewer，因此不会捕获 MouseWheel 事件）ScrollViewer 仍然会随着鼠标在 ListBox 上滚动。

<UserControl.Resources>
     <ControlTemplate x:Key="NoScroll">
         <ItemsPresenter></ItemsPresenter>
     </ControlTemplate>
</UserControl.Resources>

<ScrollViewer>
    <SomeContainerControl>
        <.... what ever other controls are inside your ScrollViewer>
        <ListBox Template="{StaticResource NoScroll}"></ListBox>
    <SomeContainerControl>
</ScrollViewer>

您确实可以选择在鼠标进入 ScrollViewer 时捕获鼠标，因此它会继续接收所有鼠标事件，直到鼠标被释放，但是此选项将要求您将任何进一步的鼠标事件委托给 ScrollViewer 中包含的控件，如果您想要响应...以下 MouseEnter MouseLeave 事件处理程序就足够了。

private void ScrollViewerMouseEnter(object sender, MouseEventArgs e)
{
    ((ScrollViewer)sender).CaptureMouse();
}

private void ScrollViewerMouseLeave(object sender, MouseEventArgs e)
{
    ((ScrollViewer)sender).ReleaseMouseCapture();
}

我提供的解决方法都不是真正优选的，我建议重新考虑您实际尝试做的事情。如果您在问题中解释您想要实现的目标，我相信您会得到更多建议......

15
投票

我按照 Amanduh 的方法解决了在滚动查看器中但在 WPF 中使用多个数据网格时遇到的相同问题：

public sealed class IgnoreMouseWheelBehavior 
{
    public static bool GetIgnoreMouseWheel(DataGrid gridItem)
    {
        return (bool)gridItem.GetValue(IgnoreMouseWheelProperty);
    }

    public static void SetIgnoreMouseWheel(DataGrid gridItem, bool value)
    {
        gridItem.SetValue(IgnoreMouseWheelProperty, value);
    }

    public static readonly DependencyProperty IgnoreMouseWheelProperty =
        DependencyProperty.RegisterAttached("IgnoreMouseWheel", typeof(bool),
        typeof(IgnoreMouseWheelBehavior), new UIPropertyMetadata(false, OnIgnoreMouseWheelChanged));

    static void OnIgnoreMouseWheelChanged(DependencyObject depObj, DependencyPropertyChangedEventArgs e)
    {
        var item = depObj as DataGrid;
        if (item == null)
            return;

        if (e.NewValue is bool == false)
            return;

        if ((bool)e.NewValue)
            item.PreviewMouseWheel += OnPreviewMouseWheel;
        else
            item.PreviewMouseWheel -= OnPreviewMouseWheel;
    }

    static void OnPreviewMouseWheel(object sender, MouseWheelEventArgs e)
    {
        e.Handled = true;

        var e2 = new MouseWheelEventArgs(e.MouseDevice, e.Timestamp, e.Delta)
                     {RoutedEvent = UIElement.MouseWheelEvent};

        var gv = sender as DataGrid;
        if (gv != null) gv.RaiseEvent(e2);
    }
}
9
投票

正如 Simon 所说，标准 ListBox 模板中的 ScrollViewer 正在捕获事件。要绕过它，您可以提供自己的模板。

<ControlTemplate x:Key="NoWheelScrollListBoxTemplate" TargetType="ListBox">
    <Border BorderThickness="{TemplateBinding Border.BorderThickness}" Padding="1,1,1,1" BorderBrush="{TemplateBinding Border.BorderBrush}" Background="{TemplateBinding Panel.Background}" Name="Bd" SnapsToDevicePixels="True">
        <!-- This is the new control -->
        <l:NoWheelScrollViewer Padding="{TemplateBinding Control.Padding}" Focusable="False">
            <ItemsPresenter SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
        </l:NoWheelScrollViewer>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="UIElement.IsEnabled" Value="False">
            <Setter TargetName="Bd" Property="Panel.Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
        </Trigger>
        <Trigger Property="ItemsControl.IsGrouping" Value="True">
            <Setter Property="ScrollViewer.CanContentScroll" Value="False" />
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

NoWheelScrollViewer 的实现非常简单。

public class NoWheelScrollViewer : ScrollViewer
{
    protected override void OnMouseWheel(MouseWheelEventArgs e)
    {
        // Do nothing
    }
}

然后，每当您希望列表框不处理鼠标滚轮时。

<ListBox Template="{StaticResource NoWheelScrollListBoxTemplate}">
3
投票

对我有用的一个简单解决方案是覆盖内部控制模板以删除滚动查看器（无论需要哪个），如下所示

例如 我有这样的结构

  • 列表视图（一）

    • 列表视图（二）

      • 列表视图（三）

我想将 (b) 的鼠标滚轮滚动到 (a)，但希望保持 (c) 的鼠标滚轮滚动可用。 我只是像这样重写了 (b) 的模板。这使我能够将除(c)之外的(b)的内容冒泡到(a)。另外，我仍然可以滚动（c）的内容。如果我想删除（c），那么我必须重复相同的步骤。

<ListView.Template>
  <ControlTemplate>
     <ItemsPresenter />
  </ControlTemplate>
</ListView.Template>
2
投票

我试图将 Simon Fox 的答案改编为 DataGrid。我发现模板隐藏了我的标题，并且我从未通过在 C# 中执行此操作获得 mouseLeave 事件。这最终对我有用：

    private void DataGrid_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
    {
        ((DataGrid)sender).CaptureMouse();
    }

    private void DataGrid_MouseWheel(object sender, MouseWheelEventArgs e)
    {
        ((DataGrid)sender).ReleaseMouseCapture();
    }
1
投票

如果原始解决方案不起作用，则修改西蒙福克斯的解决方案：

public sealed class IgnoreMouseWheelBehavior : Behavior<UIElement>
{
    protected override void OnAttached()
    {
        base.OnAttached();
        AssociatedObject.PreviewMouseWheel += AssociatedObject_PreviewMouseWheel;
    }

    protected override void OnDetaching()
    {
        AssociatedObject.PreviewMouseWheel -= AssociatedObject_PreviewMouseWheel;
        base.OnDetaching();
    }

    static void AssociatedObject_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
    {
        if (!(sender is DependencyObject))
        {
            return;
        }

        DependencyObject parent = VisualTreeHelper.GetParent((DependencyObject) sender);
        if (!(parent is UIElement))
        {
            return;
        }

        ((UIElement) parent).RaiseEvent(
            new MouseWheelEventArgs(e.MouseDevice, e.Timestamp, e.Delta) { RoutedEvent = UIElement.MouseWheelEvent });
        e.Handled = true;
    }
}
1
投票

您必须从 ScrollViewer 监听 PreviewMouseWheel（它可以工作），但不能从列表框监听。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.