scrollviewer的子元素阻止用鼠標滾輪滾動？

Question

我有越來越鼠標滾輪滾動在以下XAML，我已經爲了清楚而簡化工作的問題：

<ScrollViewer 
HorizontalScrollBarVisibility="Visible" 
VerticalScrollBarVisibility="Visible" 
CanContentScroll="False" 
> 
    <Grid 
    MouseDown="Editor_MouseDown" 
    MouseUp="Editor_MouseUp" 
    MouseMove="Editor_MouseMove" 
    Focusable="False" 
    > 
     <Grid.Resources> 
      <DataTemplate 
      DataType="{x:Type local:DataFieldModel}" 
      > 
       <Grid 
       Margin="0,2,2,2" 
       > 
        <TextBox 
        Cursor="IBeam" 
        MouseDown="TextBox_MouseDown" 
        MouseUp="TextBox_MouseUp" 
        MouseMove="TextBox_MouseMove" 
        /> 
       </Grid> 
      </DataTemplate> 
     </Grid.Resources> 
     <ListBox 
     x:Name="DataFieldListBox" 
     ItemsSource="{Binding GetDataFields}" 
     SelectionMode="Extended" 
     Background="Transparent" 
     Focusable="False" 
     > 
      <ListBox.ItemsPanel> 
       <ItemsPanelTemplate> 
        <Canvas /> 
       </ItemsPanelTemplate> 
      </ListBox.ItemsPanel> 
      <ListBox.ItemContainerStyle> 
       <Style 
       TargetType="ListBoxItem" 
       > 
        <Setter 
        Property="Canvas.Left" 
        Value="{Binding dfX}" 
        /> 
        <Setter 
        Property="Canvas.Top" 
        Value="{Binding dfY}" 
        /> 
       </Style> 
      </ListBox.ItemContainerStyle> 
     </ListBox> 
    </Grid> 
</ScrollViewer> 

在視覺上，結果是，其中DataField從閱讀S一些已知的大小的區域集合可以用具有任意位置，大小等的TextBox表示。如果ListBox的樣式「區域」太大而無法一次全部顯示，則可以進行水平和垂直滾動，但只能使用滾動條。

爲了更好的人機工程學和理智，鼠標滾輪滾動應該是可能的，通常ScrollViewer會自動處理它，但ListBox似乎交給這些事件使得母ScrollViewer永遠看不到它們。到目前爲止，我只能使輪盤滾動工作設置IsHitTestVisible=False爲ListBox或父Grid，但當然沒有子元素的鼠標事件後工作。

我該怎麼做才能確保ScrollViewer看到鼠標滾輪事件，同時保留其他孩子的元素？

編輯：我剛纔得知ListBox有一個內置的ScrollViewer這可能是從父母ScrollViewer偷輪子事件，並指定一個控制模板可以禁用它。如果能解決問題，我會更新這個問題。

Answer 1

指定ControlTemplate爲Listbox，其中不包括ScrollViewer解決了問題。見this answer和這兩個MSDN頁面瞭解更多信息：

ControlTemplate

ListBox Styles and Templates

Answer 2

您還可以創建一個行爲，並將其連接到父控件（其中滾動事件應該通過泡）。

// Used on sub-controls of an expander to bubble the mouse wheel scroll event up 
public sealed class BubbleScrollEvent : 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); 
    } 
} 

<SomePanel> 
      <i:Interaction.Behaviors> 
       <viewsCommon:BubbleScrollEvent /> 
      </i:Interaction.Behaviors> 
</SomePanel> 

Answer 3

我知道這有點晚，但我有另一種解決方案，爲我工作。我把我的stackpanel/listbox換成了itemcontrol/grid。不知道爲什麼滾動事件正常工作，但他們在我的情況下。

<ScrollViewer VerticalScrollBarVisibility="Auto" PreviewMouseWheel="ScrollViewer_PreviewMouseWheel"> 
       <StackPanel Orientation="Vertical"> 
        <ListBox ItemsSource="{Binding DrillingConfigs}" Margin="0,5,0,0"> 
         <ListBox.ItemTemplate> 
          <DataTemplate> 

成爲

<ScrollViewer VerticalScrollBarVisibility="Auto" PreviewMouseWheel="ScrollViewer_PreviewMouseWheel"> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*" /> 
      <RowDefinition Height="Auto" /> 
     </Grid.RowDefinitions> 
     <ItemsControl ItemsSource="{Binding DrillingConfigs}" Margin="0,5,0,0" Grid.Row="0"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 

Answer 4

實現這個的另一種方式，就是通過創建你自己的ScrollViewer這樣的：

public class MyScrollViewer : ScrollViewer 
{ 
    protected override void OnMouseWheel(MouseWheelEventArgs e) 
    { 
     var parentElement = Parent as UIElement; 
     if (parentElement != null) 
     { 
      if ((e.Delta > 0 && VerticalOffset == 0) || 
       (e.Delta < 0 && VerticalOffset == ScrollableHeight)) 
      { 
       e.Handled = true; 

       var routedArgs = new MouseWheelEventArgs(e.MouseDevice, e.Timestamp, e.Delta); 
       routedArgs.RoutedEvent = UIElement.MouseWheelEvent; 
       parentElement.RaiseEvent(routedArgs); 
      } 
     } 

     base.OnMouseWheel(e); 
    } 
}