140

我按照这个关于如何向 ItemsControl 添加滚动条的小“教程”,它在设计器视图中工作,但在我编译和执行程序时不起作用(只显示前几个项目,没有滚动条查看更多 - 甚至当 VerticalScrollbarVisibility 设置为“Visible”而不是“Auto”时)。

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


这是我用来显示我的项目的代码(通常我使用数据绑定,但要查看我的设计器中的项目,我手动添加了它们):

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

3 回答 3

287

要获得 的滚动条ItemsControl,您可以像这样托管它ScrollViewer

<ScrollViewer VerticalScrollBarVisibility="Auto">
  <ItemsControl>
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
    <uc:UcSpeler />
  </ItemsControl>
</ScrollViewer>
于 2010-01-08T15:34:12.457 回答
91

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

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

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

于 2010-01-08T15:31:41.230 回答
3

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

[...]
<DockPanel MaxHeight="700">
  <ScrollViewer VerticalScrollBarVisibility="Auto">
   <ItemsControl ItemSource ="{Binding ...}">
     [...]
   </ItemsControl>
  </ScrollViewer>
</DockPanel>
[...]
于 2019-03-20T17:57:55.837 回答