Trying to get the mouse Coordinate on clicked in UWP using MVVM

Question

Hi all,
Am new in UWP trying to get the mouse coordinates while clicking on a image surface. Architecture using is MVVM. Can I get a working sample on this event ? or reference towards it.

Thank you.

Answer 1

Hello @Manu Michael Samuel , Welcome to Microsoft Q&A

Trying to get the mouse Coordinate on clicked in UWP

For your scenario, you could detect Image control's Tapped event with x:bind way within MVVM architecture design. And get position relative to current page like the following.

<Grid>  
    <Image Source="ms-appx:///Assets/test.PNG" Stretch="Fill" Tapped="{x:Bind Image_Tapped}" />  
</Grid>  

Code behind

private void Image_Tapped(object sender, TappedRoutedEventArgs e)  
{  
    var point = e.GetPosition(this);  
}  

Update

public class ViewModel  
{  
  
    public ViewModel()  
    {  
  
    }  
  
    public  void Image_Tapped(object sender, TappedRoutedEventArgs e)  
    {  
        var point = e.GetPosition(Window.Current.Content);  
    }  
}  

Usage

<Page.DataContext>  
    <local:ViewModel x:Name="MyViewModel" />  
</Page.DataContext>  
<Grid>  
    <Image  
        Source="ms-appx:///Assets/test.PNG"  
        Stretch="Fill"  
        Tapped="{x:Bind MyViewModel.Image_Tapped}" />  
</Grid>  

---

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.

Answer 2

Hi @Manu Michael Samuel If you want to trigger a command in the viewmodel, you can use XamlBehaviors. Here is a link for InvokeCommandAction: https://github.com/Microsoft/XamlBehaviors/wiki/InvokeCommandAction

Example:
https://github.com/microsoft/XamlBehaviors/blob/master/samples/CS/XAMLBehaviorsSample/InvokeCommandControl.xaml
https://github.com/microsoft/XamlBehaviors/blob/master/samples/CS/XAMLBehaviorsSample/InvokeCommandControl.xaml.cs

You can also attach a command parameter for the action.