WPF: 스크롤바가 있는 항목 제어(ScrollViewer)

WPF: 스크롤바가 있는 항목 제어(ScrollViewer)

스크롤바를 ItemsControl에 추가하는 방법에 대한 이 작은 "튜토리얼"을 따라가면 Designer 뷰에서는 동작하지만 프로그램을 컴파일하여 실행할 때는 동작하지 않습니다(첫 번째 몇 개의 항목만 표시되며 Vertical Scroll Bar Visibility가 "Auto"가 아닌 "Visible"로 설정되어 있어도 스크롤바는 표시되지 않습니다).

어떻게 해결할지 생각나는 거 없어?

---

이것은 아이템을 표시하기 위해 사용하는 코드입니다(보통 Databinding으로 작업하지만 Designer에서 아이템을 표시하기 위해 수동으로 추가).

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

ItemsPanelTemplate 대신 제어 템플릿을 수정해야 합니다.

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

StackPanel에 자체 스크롤 기능이 있기 때문에 코드가 작동하지 않을 수 있습니다.StackPanel을 사용해 보겠습니다.CanVerticallyScroll 속성.

ScrollViewer를 DockPanel에 넣고 DockPanel MaxHeight 속성을 설정합니다.

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

언급URL : https://stackoverflow.com/questions/2028459/wpf-itemscontrol-with-scrollbar-scrollviewer