像谷歌地圖的圖像移動

Question

我有一個大圖像，我需要在一個較小的容器（或smthg像這樣）顯示。用戶應該能夠向上，向下移動圖像，向左移動&。它應該像谷歌地圖。

你知道我可以從哪裏開始以及如何解決這個問題嗎？

Answer 1

也許像DeepZoom這樣的工作。

---

您還可以使用平移功能創建簡單的UserControl或CustomControl，例如，有一個處理一些鼠標事件的畫布來操作圖像上的TranslateTransform，該圖像應該是畫布的子項。

事件處理大綱：

// Add this transform to the image as RenderTransform 
private TranslateTransform _translateT = new TranslateTransform(); 
private Point _lastMousePos = new Point(); 

private void This_MouseDown(object sender, MouseButtonEventArgs 
{ 
    if (e.ChangedButton == PanningMouseButton) 
    { 
     this.Cursor = Cursors.ScrollAll; 
     _lastMousePos = e.GetPosition(null); 
     this.CaptureMouse(); 
    } 
} 

private void This_MouseUp(object sender, MouseButtonEventArgs e) 
{ 
    if (e.ChangedButton == PanningMouseButton) 
    { 
     this.ReleaseMouseCapture(); 
     this.Cursor = Cursors.Arrow; 
    } 
} 

private void This_MouseMove(object sender, MouseEventArgs e) 
{ 
    if (this.IsMouseCaptured) 
    { 
     Point newMousePos = e.GetPosition(null); 
     Vector shift = newMousePos - _lastMousePos; 
     _translateT.X += shift.X; 
     _translateT.Y += shift.Y; 
     _lastMousePos = newMousePos; 
    } 
}