In WPF, move the view to a specific shape

Question

In WPF, I have some 2D shapes in canvas. I need to move the view to a specific shape.

When I click on the shape, the view port automatically centers it and zooms in.

Instead of panning and zooming the canvas with the mouse, I want to automatically move the view.

How do we implement this in C# ?

Any answer would be appreciated.

Aidan

Answer 1

Could you consider popup as a workaround for displaying enlarged shape? Here is my sample for it:

    <Grid>  
        <Rectangle Name="rec" Width="100" Height="100" Fill="Red" VerticalAlignment="Top" MouseLeftButtonDown="rec_MouseLeftButtonDown">  
        </Rectangle>  
        <Popup Name="pop1"  StaysOpen="False" Placement="Center">  
            <Rectangle  Width="{Binding RelativeSource={RelativeSource AncestorType=Window,AncestorLevel=1,Mode=FindAncestor},Path=Width}"  
                        Height="{Binding RelativeSource={RelativeSource AncestorType=Window,AncestorLevel=1,Mode=FindAncestor},Path=Height}"  
                        Fill="Red"  
                        />  
        </Popup>  
    </Grid>  

The rec_MouseLeftButtonDown code is:

private void rec_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)  
        {  
            pop1.IsOpen = true;  
        }  

---

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.