WPF Facebook像使用scrollviewer的滾動條行為

Question

我的wpf應用程序中有一個簡單的scrollviewer設置。 一切正常，現在我希望我的scrollviewer的內容也應使用滾動條的空間，因為我的滾動條是透明的，所以可以輕松顯示內容。

就像facebook中的滾動條一樣。 附件是輸出的圖像。 綠色部分是內容，紅色部分是scollviewer的區域。

我在滾動查看器中使用WrapPanel，這是代碼段

<ScrollViewer x:Name="ScrollViewer1"                
              HorizontalScrollBarVisibility="Auto"                
              VerticalScrollBarVisibility="Hidden">
    <WrapPanel x:Name="WrapPanel1" SizeChanged="WrapPanel1_SizeChanged" />
</ScrollViewer>

Answer 1

您必須編輯ScrollViewer的ControlTemplate ，其外觀應類似於本頁中的內容： http : //msdn.microsoft.com/zh-cn/library/aa970847( ScrollViewer ) .aspx

在ScrollViewer控件模板示例中 ，您可以看到ScrollContentPresenter在Border內，該Border在2行Grid的第一行內。

將此“ Border的“行RowSpan設置為2將實現您想要的效果。