WPF/개발

WPF ItemsControl HorizontalScrollBar 활성화 방법

푸코잇 2024. 8. 12. 15:31

WPF에서 ItemsControl 사용 시 기본적으로 화면을 벗어나는 경우 표시되지 않는다.

이를 해결하기 위해 ItemsControl HorizontalScrollBar 활성화 방법에 대해 배워보자.

 

<ItemsControl ItemsSource="{Binding Students}">
    <ItemsControl.Template>
        <ControlTemplate TargetType="{x:Type ItemsControl}">
            <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                <ItemsPresenter/>
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>
    
    <!--ETC...-->
</ItemsControl>

 

ControlTemplate에 ScrollViewer를 추가하여 ScrollBar를 활성화할 수 있다.

이후 ScrollViewer의 Content에 ItemsPresenter을 추가해 주면 된다.

 

ItemsControl-HorizontalScrollBar

 

WPF ItemsControl에서 HorizontalScrollBar를 활성화하는 방법을 알아봤다.

VerticalScrollBar도 동일하게 처리할 수 있으니 상황에 맞게 사용하자.