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

您是否只想滚动ScrollViewer？那为什么你在ItemsControl里面使用ListBox？我看你阻止了ListBox的滚动

ScrollViewer.CanContentScroll="False"

但是ListBox在他的模板中有ScrollViewer。我认为这个ScrollViewer处理＆＃34;鼠标会＃34;事件，它没有到达根ScrollViewer。如果您只是将ListBox替换为ItemsControl，我认为您可以解决您的问题。

Answer 2

用这个改变xaml：

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

Answer 3

选择“列表框图像”时，滚动查看器的焦点将丢失。因此，您可以将焦点设置为在MouseWheel / PreviewMouseWheel事件上滚动查看器，也可以像下面一样手动滚动。

myScroll.ScrollToVerticalOffset(myScroll.VerticalOffset + 10);

WPF滚动不在ItemsControl内的ListBox上工作

3 个答案: