Scrollview 内的网格不通过鼠标滚轮滚动

Question

我在网格中有一列包含 3 GroupBoxes。最后一个 GroupBox 有一个包含两个元素的 Grid：一个 Button 和一个 TreeView（垂直）。 TreeView 应该有一个动态高度，因为它包含可以是 expanded/collapsed.

的元素

包含所有元素的window可以由用户调整大小。

如果 window 太小，您将无法看到所有组框，因此我需要一个滚动条。我可以向下滚动，但如果我想通过鼠标滚轮在 TreeView 内滚动，则什么也不会发生。

这是我的代码：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <GroupBox Header="Test 1" Grid.Row="0">...</GroupBox>

    <GroupBox Header="Test 2" Grid.Row="1">...</GroupBox>

    <GroupBox Header="Test 3" Grid.Row="2">

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <CheckBox Content="All" Grid.Row="0"/>

            <TreeView x:Name="NameTree" 
                Grid.Row="1"
                ItemsSource="{Binding Names}"/>
        </Grid>

    </GroupBox>

</Grid>

解决方法是将第 3 行设置为固定大小，而不是使用 *。在这种情况下，我将有两个滚动条（ScrollViewer 和 TreeViews 滚动条，但我想要第三个组框的动态高度。

Answer 1

您必须 "redirect" 向父级发送 PreviewMouseWheel 事件：

<TreeView PreviewMouseWheel="TreeView_MouseWheel" >
                        <TreeViewItem Header="North America">
                            <TreeViewItem Header="USA"></TreeViewItem>
                            <TreeViewItem Header="Canada"></TreeViewItem>
                            <TreeViewItem Header="Mexico"></TreeViewItem>
                        </TreeViewItem>
                        <TreeViewItem Header="South America">
                            <TreeViewItem Header="Argentina"></TreeViewItem>
                            <TreeViewItem Header="Brazil"></TreeViewItem>
                            <TreeViewItem Header="Uruguay"></TreeViewItem>
 </TreeViewItem>

后面的代码：

private void TreeView_MouseWheel(object sender, MouseWheelEventArgs e)
    {
        if (!e.Handled)
        {
            e.Handled = true;
            var eventArg = new MouseWheelEventArgs(
                e.MouseDevice, e.Timestamp, e.Delta);
            eventArg.RoutedEvent = UIElement.MouseWheelEvent;
            eventArg.Source = sender;
            var parent = ((Control)sender).Parent as UIElement;
            parent.RaiseEvent(eventArg);
        }
    }

WPF Remove ScrollViewer from TreeView

Scrollview 内的网格不通过鼠标滚轮滚动

Grid inside Scrollview not scrolling by mouse wheel

c#

wpf

xaml

grid

scrollviewer