繁体   English   中英

使用水平StackPanel作为ItemsPanel滚动ItemsControl

[英]Scrolling in a ItemsControl while using a horizontal StackPanel as the ItemsPanel

我有一个ItemsControl ,我已经构建了我正在其中显示的项目( views:DisplayGroupView ),它们将水平扩展以显示所有内容而不是垂直(仅使用可用高度)

我已经改变了我ItemsPanel中的ItemsControl使用StackPanelOrientation="Horizontal"

布局明智它是完美的,但无论我做什么我都不能让它水平滚动所以我可以看到一切。

这是ItemsControl的XAML:

    <ItemsControl ItemsSource="{Binding DisplayGroups}" Grid.Row="1" Margin="120,20,120,20" VerticalContentAlignment="Stretch">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate >
                <StackPanel Orientation="Horizontal" ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.HorizontalScrollBarVisibility="Visible"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <views:DisplayGroupView Margin="0,0,20,0" DataContext="{Binding}" VerticalAlignment="Stretch"></views:DisplayGroupView>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

这样可以解决所有问题,但不会滚动。 我也尝试更改ItemsControls模板以包含一个scrollviewer,但这只是垂直堆叠的东西:

            <ItemsControl.Template>
                <ControlTemplate>
                    <ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}" VerticalContentAlignment="Stretch" ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.VerticalScrollMode="Disabled">
                        <ItemsPresenter VerticalAlignment="Stretch"/>
                    </ScrollViewer>
                </ControlTemplate>
            </ItemsControl.Template>

如何在能够滚动的同时获得水平布局?

如果你把它从ItemsControl拉出来并自己嵌入它,出于某种原因,这通常会起到解决方法的作用,如:

<ScrollViewer VerticalScrollBarVisibilty="Disabled" HorizontalScrollBarVisibility="Auto">
  <ItemsControl/>
</ScrollViewer>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM