WPF: Пункти керування за допомогою панелі прокрутки (ScrollViewer)

Я дотримувався цього невеликого "підручника" про те, як додати панель прокрутки до елемента "ItemControl", і він працює в режимі "Дизайнер", але не тоді, коли я компілюю та виконую програму (відображаються лише перші кілька елементів, і жодна смуга прокрутки, щоб переглянути більше - навіть коли для 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>

Щоб отримати смугу прокрутки ItemsControl, ви можете розмістити її ScrollViewerтак:

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

Ви повинні змінити шаблон управління замість ItemPanelTemplate:

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

Можливо, ваш код не працює, оскільки StackPanel має власну функцію прокрутки. Спробуйте використовувати властивість StackPanel.CanVerticalScroll .

Помістіть свій ScrollViewer в DockPanel і встановіть властивість DockPanel MaxHeight

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