WPF: Kaydırma çubuklu ItemsControl (ScrollViewer)

Bir ItemsControl'e bir kaydırma çubuğunun nasıl ekleneceğine dair bu küçük "öğreticiyi" takip ettim ve Tasarımcı görünümünde çalışıyor, ancak programı derleyip çalıştırdığımda değil (yalnızca ilk birkaç öğe görünüyor ve daha fazlasını görüntülemek için kaydırma çubuğu yok) VerticalScrollbarVisibility "Otomatik" yerine "Görünür" olarak ayarlandığında).

Bunu nasıl çözeceğime dair bir fikrin var mı?

Öğelerimi göstermek için kullandığım kod budur (normalde Veri Bağlama ile çalışıyorum, ancak Tasarımcımdaki öğeleri görmek için onları manuel olarak ekledim):

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

Ve bu benim Şablonum:

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

Bir kaydırma çubuğuna sahip olmak için ItemsControl, onu şu şekilde barındırabilirsiniz ScrollViewer:

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

ItemsPanelTemplate yerine kontrol şablonunu değiştirmeniz gerekir:

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

StackPanel'in kendi kaydırma işlevi olduğundan kodunuz çalışmıyor olabilir. StackPanel.CanVerticallyScroll özelliğini kullanmayı deneyin .

ScrollViewer'ınızı bir DockPanel'e yerleştirin ve DockPanel MaxHeight özelliğini ayarlayın

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