WPF：带滚动条的ItemsControl（ScrollViewer）

128

我跟着这个关于如何将滚动条添加到一个ItemsControl小“教程”，和它的作品在设计视图，而不是当我编译和执行程序（仅前几个项目出现，并没有滚动条来查看更多-甚至当VerticalScrollbarVisibility设置为“ Visible”而不是“ Auto”时）。

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

这是我用来显示项目的代码（通常我使用数据绑定，但是要在我的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>

这是我的模板：

<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>

— 迅达
source

Answers:

261

要获取的滚动条ItemsControl，您可以将其托管为ScrollViewer：

<ScrollViewer VerticalScrollBarVisibility="Auto">
  <ItemsControl>
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
  </ItemsControl>
</ScrollViewer>

— 奥斯卡
source

当您看到它时，它是如此明显...当我来自Windows窗体时，我经常发现自己陷入了错误的思维定势。WPF似乎有很多错误... +1。

— Christoffer Lette

谢谢-非常有帮助。我同意莱特（Lette）的观点，即我的WinForms大脑最初并不会“理解”这一点。

— itsmatt 2010年

我只是在这里尝试过，仍然没有用。ItemsControl直接从其父容器流出，根本看不到ScrollBar。

— Ristogod

@Ristogod如果将ScrollViewer托管在可以使其内容根据需要增长的内部，例如StackPanel，则滚动将无法进行。什么是父容器？尝试在ScrollViewer或父级上设置固定高度，这有帮助吗？

— 奥斯卡（Oskar）

@Rod您可以将ScrollViewer托管在DockPanel或Grid中，而不是StackPanel中以实现此目的。

— 奥斯卡，

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

<ItemsControl >
    <ItemsControl.Template>
        <ControlTemplate>
            <ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}">
                <ItemsPresenter />
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>
</ItemsControl>

也许，因为StackPanel具有自己的滚动功能，您的代码无法正常工作。尝试使用StackPanel.CanVerticallyScroll属性。

— 安德烈（Andrey Shvydky）
source

恐怕StackPanel的CanVerticallyScroll属性不起作用。

— Xuntar 2010年

StackPanel CanVerticallyScroll无法正常工作，但此处给出的代码示例对我有效。感谢

— Souvik Basu

这可行。我正在寻找在内部而不是外部使用scrollviewer，因为github.com/punker76/gong-wpf-dragdrop需要它。

— HelloSam

将ScrollViewer放入DockPanel并设置DockPanel MaxHeight属性

[...]
<DockPanel MaxHeight="700">
  <ScrollViewer VerticalScrollBarVisibility="Auto">
   <ItemsControl ItemSource ="{Binding ...}">
     [...]
   </ItemsControl>
  </ScrollViewer>
</DockPanel>
[...]

— Patatrack
source