Discussion :

[Lelio1407]

Bonjour,

J'ai deux images dans un Canvas :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<Canvas  Name="Screen" Grid.Column="1" Grid.Row="1">
            <Image Name="BackGround" Source="Images/BackGround.png" Width="640" Height="480" Margin="20"></Image>
            <Image Name="BlueButton" Source="Images/BlueButton.png" Margin="30" MouseLeftButtonDown="BlueButton_MouseLeftButtonDown" MouseMove="BlueButton_MouseMove" MouseLeftButtonUp="BlueButton_MouseLeftButtonUp"></Image>
</Canvas>

Je souhaite pouvoir déplacer l'image BlueButton à la souris dans mon canvas. J'ai donc implémenté les 3 fonctions : MouseLeftButtonDown, MouseMove, et
MouseLeftButtonUp.

Lorsque je clique sur l'image BlueButton, je souhaite récupérer sa position dans le canvas :

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
private void BlueButton_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Point  _blueButtonControlPoint = new Point(Canvas.GetLeft(BlueButton), Canvas.GetTop(BlueButton));            
Point mousePoint = new Point(Mouse.GetPosition((IInputElement)Screen.Parent).X, Mouse.GetPosition((IInputElement)Screen.Parent).Y);
            BlueButton.CaptureMouse();
        }

Canvas.GetLeft(BlueButton) me renvoie une valeur NaN; Pourquoi?

Savez vous sinon comment récupérer la position (X,Y) de mon image BlueButton dans son canvas.

[jmix90]

Hello,

Tu peux utiliser la méthode GetPoint dans l'event handler:

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

Point p = e.GetPosition(tonCanvas);

Sinon, cela retourne NaN car la valeur n'a pas été settée explicitement..

bon courage,

[Lelio1407]

Merci pour ta réponse, cela m'a mise sur la piste.
Voici le code qui fonctionne :

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
private void BlueButton_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            _blueButtonControlPoint = new Point(Canvas.GetLeft((Image)sender), Canvas.GetTop((Image)sender));            
            mousePoint = new Point(Mouse.GetPosition((IInputElement)Screen.Parent).X, Mouse.GetPosition((IInputElement)Screen.Parent).Y);
            ((Image)sender).CaptureMouse();
        }

Là, je récupère bien les coordonnées de mon image BlueButton (le sender) mais je ne comprends toujours pas pourquoi je ne peux pas mettre directement Canvas.GetLeft(BlueButton) plutôt que Canvas.GetLeft((Image)sender)....

[binoo]

+1 avec jmix90

Soit tu affectes ses positions clairement :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

      <Image x:Name="BlueButton" Source="Images/BlueButton.png" Canvas.Left="30" Canvas.Top="30" ... />

Et là ça fonctionnera.

Soit tu utilises une solution comme la tienne ou bien :

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

Vector offset = VisualTreeHelper.GetOffset(BlueButton);

qui te retournera la position au final.

[Lelio1407]

OK, merci à tous les deux, j'ai ma réponse. Il faut absolument que les valeurs canvas.left et canvas.top soit initialisée (setté?) dans le code xaml de mon BlueButton

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<Image Name="BlueButton" Source="Images/BlueButton.png" Margin="30" MouseLeftButtonDown="BlueButton_MouseLeftButtonDown" MouseMove="BlueButton_MouseMove" MouseLeftButtonUp="BlueButton_MouseLeftButtonUp" Canvas.Left="0" Canvas.Top="0"></Image>

et ensuite, je peux récupérer ces valeurs dans mon code behind en appelant directement BlueButton :

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Point _blueButtonControlPoint = new Point(Canvas.GetLeft(BlueButton), Canvas.GetTop(BlueButton));

C'est tellement simple que j'ai presque honte de ma question...
Merci!