ScrollViewer 鼠标滚轮不滚动

Question

我目前正在处理我的第一个 WPF 项目，并试图使 ListView 可滚动。 起初我认为这可以通过简单地限制ListView 的宽度和高度来轻松完成，从而在内容超出其空间时强制滚动条自动出现。起初这似乎很好，但由于处理了 PreviewMouseDown 事件（它允许拖动列表的项目），它在选择项目后不起作用。

第二次尝试（使用ScrollViewer）

<ScrollViewer>
    <ListView ItemsSource="{Binding FileViewModels}"
              PreviewMouseDown="ListView_MouseMove"
              Height="450" Width="200"/>
</ScrollViewer>

当然，当列表的内容变得大于其最大高度时，这会导致第二个滚动条。并且选择项目后拖动栏仍然不起作用。

第三次（非常愚蠢）尝试（禁用滚动条重复）

<ScrollViewer>
    <ListView ItemsSource="{Binding FileViewModels}"
              PreviewMouseDown="ListView_MouseMove"
              Height="450" Width="200"
              ScrollViewer.VerticalScrollBarVisibility="Disabled"
              ScrollViewer.HorizontalScrollBarVisibility="Disabled"/>
</ScrollViewer>

这删除了滚动条副本并启用了通过鼠标滚轮滚动但禁用了滚动条，因此您无法通过单击并拖动它来移动。

第四次尝试（ScrollViewer 的大小不变）

<ScrollViewer Height="450" Width="200">
    <ListView ItemsSource="{Binding FileViewModels}"
              PreviewMouseDown="ListView_MouseMove"/>
</ScrollViewer>

从ListView 中删除了宽度/高度约束并将其移至ScrollViewer。这将启用滚动条并删除重复项。不幸的是，鼠标滚轮不再起作用（拖动滚动条可以正常工作）。

有人可以向我解释一下为什么鼠标滚轮不再起作用以及如何解决这个问题吗？

编辑 也许我应该回到我的第一个解决方案。

显然，ListView 的模板已经包含一个ScrollViewer。剩下的问题是，由于处理了PreviewMouseDown 事件（在这种情况下通过 MouseWheel 滚动仍然有效），我无法在选择项目后拖动滚动条。我是否应该以不同的方式处理项目的拖动（在想要添加滚动条之前，它对我来说效果很好）？或者有没有办法检测光标是否在滚动条上方（所以我可以取消选择启用滚动的项目）？ 或者有其他建议吗？

Answer 1

这可能对你有帮助..

private void ListViewScrollViewer_PreviewMouseWheel(object sender, System.Windows.Input.MouseWheelEventArgs e)
{
   ScrollViewer scv = (ScrollViewer)sender;
   scv.ScrollToVerticalOffset(scv.VerticalOffset - e.Delta);
   e.Handled = true;
 }

Answer 2

这可能是最舒服的解决方案：

<ListView.Template>
    <ControlTemplate>
        <ScrollViewer>
            <ItemsPresenter></ItemsPresenter> 
        </ScrollViewer>
    </ControlTemplate>
</ListView.Template>

Answer 3

对我来说这很有效：

<ListView.Template>
    <ControlTemplate>
        <!-- Empty template to allow ScrollViewer to capture mouse scroll -->
        <ItemsPresenter />
    </ControlTemplate>
</ListView.Template>

而不是这个：

<ListView.Template>
    <ControlTemplate>
        <ScrollViewer>
            <ItemsPresenter></ItemsPresenter>
        </ScrollViewer>
    </ControlTemplate>
</ListView.Template>

Answer 4

<ScrollViewer Background="Transparent">

如果Background 为空，鼠标滚轮将无法在ScrollViewer 上工作。您可以将Background 设置为Transparent 或其他值。

Answer 5

就我而言，这有帮助：

<ScrollViewer ScrollViewer.CanContentScroll="True" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.HorizontalScrollBarVisibility="Auto" >
    <DataGrid x:Name="dataGrid" SelectionMode="Single" ItemsSource="{Binding}"  SelectedValuePath="{Binding Item}" AutoGenerateColumns="True">
    </DataGrid>
</ScrollViewer>

设计禁用了外部范围内的VerticalScrollBarVisibility 属性，即ScrollViewer。

Answer 6

我想对 Rocky 提供的解决方案添加一些评论。它对我来说很好，但后来我需要在不同的窗口中使用它来滚动Grid。我遇到了一个问题：ScrollViewer 没有滚动到底端。原因是试图设置无效的VerticalOffset 值。下面的代码对我来说很好用（只需要更改 PreviewMouseWheel 处理程序：

private void UIElement_OnPreviewMouseWheel(object sender, MouseWheelEventArgs e)
{
    ScrollViewer scroll = (ScrollViewer)sender;
    if (e.Delta < 0)
    {
        if (scroll.VerticalOffset - e.Delta <= scroll.ExtentHeight - scroll.ViewportHeight)
        {
            scroll.ScrollToVerticalOffset(scroll.VerticalOffset - e.Delta);
        }
        else
        {
            scroll.ScrollToBottom();
        }
    }
    else
    {
        if (scroll.VerticalOffset + e.Delta > 0)
        {
            scroll.ScrollToVerticalOffset(scroll.VerticalOffset - e.Delta);
        }
        else
        {
            scroll.ScrollToTop();
        }
    }
    e.Handled = true;
}