WPFスクロールビューアの概要コントロール

Question

私のWPFアプリケーションで私はスクロールビューアを使用して図を表示します。 ダイアグラムは非常に大きくて複雑な場合があり、通常はScrollviewerコントロールのダイアグラムのスマートな部分のみを表示できます。

図のナビゲーションを容易にするために、図の全体図を含むコントロールを作成します。このコントロール内の特定の場所をクリックすると、スクロールビューアは図をこの場所にスクロールします。

Something like that

それを行うための最も簡単な方法は何ですか？ 私の恐るべき英語には大変感謝して申し訳ありません。

Answer 1

XAML：

<Grid> 
    <ScrollViewer x:Name="TheScrollViewer" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto"> 
     <Image x:Name="FullImage" Source="Test.jpg" Stretch="None"></Image> 
    </ScrollViewer> 
    <Border BorderBrush="Red" BorderThickness="1" VerticalAlignment="Bottom" HorizontalAlignment="Right"> 
     <Image x:Name="ThumbnailImage" Height="100" Source="Test.jpg" MouseDown="ThumbnailImage_OnMouseDown"/> 
    </Border> 
</Grid> 

コードビハインド：

private void ThumbnailImage_OnMouseDown(object sender, MouseButtonEventArgs e) 
{ 
    var position = e.GetPosition(ThumnailImage); 

    var horOffset = position.X/ThumnailImage.ActualWidth * FullImage.ActualWidth; 
    var verOffset = position.Y/ThumnailImage.ActualHeight * FullImage.ActualHeight; 

    TheScrollViewer.ScrollToHorizontalOffset(horOffset); 
    TheScrollViewer.ScrollToVerticalOffset(verOffset); 
}