WPF: ItemsControl с полосой прокрутки (ScrollViewer)

Я последовал за этим небольшим "учебником" о том, как добавить панель прокрутки в элемент управления ItemsControl, и она работает в представлении Designer, но не тогда, когда я компилировать и выполнять программу (отображаются только первые несколько элементов, а для просмотра больше нет полосы прокрутки), даже если для параметра "Вертикальное изображение" установлено значение "Видимый" вместо "Авто" ).

Любая идея о том, как решить эту проблему?


Это код, который я использую для отображения своих элементов (обычно я работаю с Databinding, но чтобы увидеть элементы в моем конструкторе, я добавил их вручную):

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

Ответ 1

Чтобы получить полосу прокрутки для ItemsControl, вы можете разместить ее в ScrollViewer следующим образом:

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

Ответ 2

Вам нужно изменить шаблон управления вместо ItemsPanelTemplate:

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

Возможно, ваш код не работает, потому что у StackPanel есть собственные функции прокрутки. Попробуйте использовать свойство StackPanel.CanVerticallyScroll.