平移畫布的內容在一個ScrollViewer中

Question

我想實現的ScrollViewer內的畫面內平移，如：

<ScrollViewer> 
    <Canvas> 

     <!-- some visual elements here --> 

    </Canvas> 
</ScrollViewer> 

我想要的畫布內的點擊和拖動操作使畫布內容移動。我試着用here的方式處理MouseDown，MouseMove和MouseUp事件來做翻譯，但它沒有奏效。

任何想法？

Answer 1

你不能用你當前的設置來做到這一點。 Canvas將伸展到其父容器之外，並且scrollviewer不會知道Canvas的大小（它會告訴它不需要滾動），因此無法創建手柄。

如果你想與設置改變跳過畫布網格和使用Vertical Scroll和Horizontal Scroll和相關的屬性集來移動網格的可見部分。

Answer 2

嘗試給你的畫布設置一個寬度和高度，並給它一個背景顏色（透明應該沒問題），看看是否可以幫助你得到你的鼠標事件。