WPF:带滚动条的ItemsControl(ScrollViewer)

Xun*_*tar 125 wpf itemscontrol scrollviewer wpf-controls

我按照这个关于如何将滚动条添加到ItemsControl的小"教程",它在Designer视图中工作,但是在我编译和执行程序时却没有(只显示前几个项目,没有滚动条可以查看更多 - 甚至当VerticalScrollbarVisibility设置为"Visible"而不是"Auto"时).

关于如何解决这个问题的任何想法?


这是我用来显示我的项目的代码(通常我使用Databinding,但是为了查看我的Designer中的项目,我手动添加它们):

<ItemsControl x:Name="itemCtrl" Style="{DynamicResource UsersControlStyle}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Top">
            </StackPanel>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
</ItemsControl>
Run Code Online (Sandbox Code Playgroud)

这是我的模板:

<Style x:Key="UsersControlStyle" TargetType="{x:Type ItemsControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ItemsControl}">
                <Border SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}">
                    <ScrollViewer VerticalScrollBarVisibility="Visible">
                        <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </ScrollViewer>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
Run Code Online (Sandbox Code Playgroud)

Osk*_*kar 253

要获取a的滚动条ItemsControl,您可以将其托管在ScrollViewer以下内容中:

<ScrollViewer VerticalScrollBarVisibility="Auto">
  <ItemsControl>
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
  </ItemsControl>
</ScrollViewer>
Run Code Online (Sandbox Code Playgroud)

  • 当你看到它时,它是如此明显......当我来自Windows Forms时,我经常发现自己陷入了错误的心态.似乎WPF权利很多错误...... +1. (14认同)
  • @Ristogod如果您将ScrollViewer托管在允许其内容根据需要增长的内容中,例如StackPanel,滚动将无效.什么是父容器?尝试在ScrollViewer或父级上设置固定高度,这有帮助吗? (8认同)
  • @Rod您可以在DockPanel或Grid中托管ScrollViewer而不是StackPanel来实现此目的. (4认同)
  • 谢谢 - 非常有帮助.我同意Lette的说法,我的WinForms大脑最初没有"得到"这个. (3认同)
  • 我刚刚在这里尝试了这个,但它仍然不起作用。ItemsControl 直接从其父容器流出,根本看不到 ScrollBar。 (2认同)
  • 这个答案解释了如何在不牺牲项目虚拟化的情况下实现滚动,这可以在拥有许多项目时提高性能:/sf/answers/194895431/ (2认同)

And*_*dky 73

您必须修改控件模板而不是ItemsPanelTemplate:

<ItemsControl >
    <ItemsControl.Template>
        <ControlTemplate>
            <ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}">
                <ItemsPresenter />
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>
</ItemsControl>
Run Code Online (Sandbox Code Playgroud)

也许,你的代码不起作用,因为StackPanel有自己的滚动功能.尝试使用StackPanel.CanVerticallyScroll属性.