Question

我关于如何将滚动条添加到ItemsControl的this小“教程”，它在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>

这是我的模板：

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

Answer 1

要获取ItemsControl的滚动条，您可以将其托管在ScrollViewer中，如下所示：

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

Answer 2

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

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

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

Answer 3

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

@using (Html.BeginForm

WPF：带滚动条的ItemsControl（ScrollViewer）

3 个答案: