WPF: ItemControl với thanh cuộn (ScrollViewer)

Tôi đã làm theo "hướng dẫn" nhỏ này về cách thêm thanh cuộn vào ItemControl và nó hoạt động trong chế độ xem Designer, nhưng không phải khi tôi biên dịch và thực thi chương trình (chỉ một vài mục đầu tiên xuất hiện và không có thanh cuộn nào để xem thêm - thậm chí khi verticalScrollbarVisibility được đặt thành "Hiển thị" thay vì "Tự động").

Bất kỳ ý tưởng về làm thế nào để giải quyết điều này?

Đây là mã tôi sử dụng để hiển thị các mục của mình (thông thường tôi làm việc với Databinding, nhưng để xem các mục trong Trình thiết kế của tôi, tôi đã thêm chúng theo cách thủ công):

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

Và đây là Mẫu của tôi:

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

Để có được một thanh cuộn cho một ItemsControl, bạn có thể lưu trữ nó ScrollViewernhư thế này:

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

Bạn phải sửa đổi mẫu điều khiển thay vì ItemPanelTemplate:

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

Có thể, mã của bạn không hoạt động vì StackPanel có chức năng cuộn riêng. Hãy thử sử dụng thuộc tính StackPanel.CanVert VềScroll .

Đặt ScrollViewer của bạn vào DockPanel và đặt thuộc tính DockPanel MaxHeight

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