1. ホーム
  2. wpf

[解決済み] WPF: スクロールバー付きItemsControl (ScrollViewer)

2022-05-28 23:40:23

質問

私は この に従ったところ、デザイナー ビューでは動作しましたが、プログラムをコンパイルして実行すると動作しませんでした (最初のいくつかの項目のみが表示され、さらに表示するためのスクロールバーはありません。VerticalScrollbarVisibility を "Auto" の代わりに "Visible" に設定しても同様)。

これを解決する方法について何か考えがありますか?


これは、私がアイテムを表示するために使用しているコードです(通常はデータバインディングで作業しますが、デザイナーでアイテムを表示するために手動で追加しました)。

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


そして、これが私のTemplateです。

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