Cuộn mượt trong ngăn xếp trong wpf

Question

<ScrollViewer VerticalScrollBarVisibility="Auto" CanContentScroll="True"> 
       <StackPanel Name="basePanel" Orientation="Vertical" Height="450" /> 
      </ScrollViewer> 

Đây là mã cho stackpanel được lấp đầy trong thời gian chạy với nhiều WrapPanels. Trình xem cuộn cuộn qua các bảng - từng cái một - điều này khiến cho nó thực sự bất tiện vì tất cả các bảng đều có kích thước khác nhau. Tôi đã thử điều này one bằng cách thiết lập thuộc tính ScrollViewer.CanContentScroll = "False" trong StackPanel trong khi xóa nó trong ScrollViewer, không giúp đỡ - thanh cuộn biến mất ở tất cả. Giải pháp cho thanh cuộn mượt mà là gì?

Answer 1

Quấn bạn StackPanel trong một bảng điều khiển

ScrollViewer WPF của cố gắng để di chuyển toàn bộ các yếu tố vào xem cùng một lúc, đó là lý do tại sao bạn thấy những hành vi cuộn tăng vọt. Bằng cách lồng các StackPanel trong Panel khác, ScrollViewer sẽ thử và cuộn toàn bộ StackPanel vào xem, quá lớn nên nó sẽ sử dụng cuộn trơn tru.

Dưới đây là một ví dụ - Loại bỏ DockPanel sẽ cung cấp cho bạn một cuộn giấy tăng vọt, nhưng với nó, bạn sẽ nhận được trơn tru di chuyển hành vi

<ScrollViewer VerticalScrollBarVisibility="Auto" CanContentScroll="True" Height="250"> 
    <DockPanel> 
     <StackPanel Name="basePanel" Orientation="Vertical" Width="200"> 
      <Rectangle Height="75" Fill="Red" Width="200" /> 
      <Rectangle Height="50" Fill="Orange" Width="200" /> 
      <Rectangle Height="75" Fill="Yellow" Width="200" /> 
      <Rectangle Height="75" Fill="Green" Width="200" /> 
      <Rectangle Height="75" Fill="Black" Width="200" /> 
      <Rectangle Height="75" Fill="Purple" Width="200" /> 
     </StackPanel> 
    </DockPanel> 
</ScrollViewer>