ItemsControl内のListBoxでWPFスクロールが機能しない

Question

イメージエクスプローラをエクスパンダでビルドする必要がありますが、スクロールに問題があります。 ListBox内にItemsControlがあり、ListBox上にマウスを置くとスクロールが機能しません。ここではxamlです：

<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled" Grid.Row="1" Background="{DynamicResource LightGrayBackgroundBrush}" > 
    <ItemsControl x:Name="itmsControl" DataContext="{Binding ElementName=_self}" ItemsSource="{Binding ImagesSource}" Margin="15" > 
     <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <Grid x:Name="grdIn"> 
        <Grid.RowDefinitions> 
         <RowDefinition Height="Auto" MinHeight="25"/> 
         <RowDefinition x:Name="grd1"/> 
        </Grid.RowDefinitions> 

        <Expander Grid.Row="1" IsExpanded="True" BorderThickness="0" Background="White"> 
         <Expander.Header> 
          <Border Background="White" BorderBrush="White" Height="40"> 
           <TextBlock Text="{Binding Date}" Background="White" FontSize="14" Foreground="Gray" FontWeight="Bold" VerticalAlignment="Center" Margin="10,0,0,0"/> 
          </Border> 
         </Expander.Header> 

         <ListBox ItemsSource="{Binding ImageList}" ItemContainerStyle="{DynamicResource ImageListBoxItemStyle}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionMode="Extended" Background="Transparent" SelectionChanged="ListBox_SelectionChanged" PreviewKeyDown="OnKeyDownHandler" MouseDown="ListBox_MouseDown" ScrollViewer.CanContentScroll="False"> 
          <ListBox.ItemTemplate> 
           <DataTemplate> 
            <Image Stretch="UniformToFill" Width="{Binding Width}" Height="{Binding Height}" Source="{Binding Source}" Margin="3" MouseDown="Image_MouseDown"/> 
           </DataTemplate> 
          </ListBox.ItemTemplate> 
          <ListBox.ItemsPanel> 
           <ItemsPanelTemplate> 
            <WrapPanel IsItemsHost="True" Orientation="Horizontal" /> 
           </ItemsPanelTemplate> 
          </ListBox.ItemsPanel> 
         </ListBox> 
        </Expander> 
       </Grid> 
      </DataTemplate> 
     </ItemsControl.ItemTemplate> 
    </ItemsControl> 
</ScrollViewer> 

Answer 1

、フォーカスがスクロールビューアのために失われます。 したがって、MouseWheel/PreviewMouseWheelイベントでビューアをスクロールするようにフォーカスを設定することも、以下のように手動でスクロールすることもできます。

myScroll.ScrollToVerticalOffset(myScroll.VerticalOffset + 10); 

Answer 2

ScrollViewerのみスクロールしますか？では、なぜItemsControl内でListBoxを使用しますか？ ListBoxのスクロールをブロックすることを見ています。

ScrollViewer.CanContentScroll="False" 

ListBoxはテンプレート内にScrollViewerを持っています。そして、私はこのScrollViewerが "マウスwhell"イベントを処理し、ルートScrollViewerに到達しないと思います。 ListBoxをItemsControlに置き換えるだけで問題を解決できると思います。これで

Answer 3

変更XAML：あなたはリストボックスの画像を選択すると

<ListBox.ItemsPanel> 
           <ItemsPanelTemplate> 
<ScrollViewer> 
            <WrapPanel IsItemsHost="True" Orientation="Horizontal" /> 
</ScrollViewer> 
           </ItemsPanelTemplate> 
          </ListBox.ItemsPanel>