Scrollviewer 스크롤 두개 생김 문제

🖥️ UI/UX 프로그래밍 Q&A WPF Q&A
1

안녕하세요, WPF로 프로젝트를 만들던 도중 Scrollviewer와 LiewView를 사용하게 되었습니다.

처음에 무조건 스크롤바가 보여서 사용자가 해당 부분이 스크롤이 가능하다는것을 알게하고 싶었고
Scrollviewer에서 VerticalScrollBarVisibility=“Visible” 로 했을 때는 아래 이미지처럼 와! 잘되는구나! 했는데

image
image832×205 2.47 KB

목록이 추가되어 스크롤이 직접 작동하니 아래이미지 처럼 스크롤바가 두 줄이 생기는 문제가 발생했습니다.
image

조치하기위해 다른 설정도 해봤지만, 이미 있던 스크롤바가 작동하지는 않더라구요

아래는 해당 xaml단 코드입니다.

<ScrollViewer VerticalScrollBarVisibility="Visible" CanContentScroll="True">
     <ListView ItemsSource="{Binding DataList}" SelectedItem="{Binding SelectedData}" Height="200">
         <ListView.ItemTemplate>
             <DataTemplate>
                 <TextBlock Text="{Binding GroupName}"/>
             </DataTemplate>
         </ListView.ItemTemplate>
         
         <i:Interaction.Triggers>
             <i:EventTrigger EventName="PreviewMouseLeftButtonUp">
                 <i:CallMethodAction MethodName="GroupSelect_Method" TargetObject="{Binding}"/>
             </i:EventTrigger>
         </i:Interaction.Triggers>
         
     </ListView>
 </ScrollViewer>

두 줄이 되지 않고 기존에 있던 스크롤바를 바로 사용할 수 있는 방법을 알려주신다면 감사하겠습니다.

2개의 좋아요
2

listview에 스크롤바가 있을텐데 그위에 ScrollViewer를 쓰신 이유가 궁금하네요~
ScrollViewer를 없애고 ListView의 Attached DP 설정 한번 해 보시면 어떨까요?

<ListView ItemsSource="{Binding Path=ReportEntries}"  
          VerticalContentAlignment="Top"  
          ScrollViewer.VerticalScrollBarVisibility="Visible"
          ScrollViewer.CanContentScroll="True" MaxHeight="400">
    <!-- etc. -->
</ListView>
4개의 좋아요
3

앗…! 내부에 스크롤바가 있었군요…ㅋㅋㅋㅋㅋ
바로 해결됐습니다. 감사합니다 :innocent:

2개의 좋아요
4

WPF를 처음 접할 때 이런 상황을 많이 겪고 또 놀라게 되죠 ㅎㅎ

2개의 좋아요