Position relative avec TransformToAncestor

Question

J'ai une toile (ZoomableCanvas) qui implémente le zoom et a des éléments enfants. J'essaie d'obtenir la position relative d'un élément enfant lors d'un zoom avant, afin d'afficher des informations étendues sur celui-ci.

<Canvas x:Name="CanvasContainer" Width="1500" Height="780"> 
    <ZoomableCanvas ApplyTransform="false" Loaded="ZoomableCanvas_Loaded" x:Name="ShareCanvas" Width="1500" Height="780" MinWidth="1500" MinHeight="780" Grid.Row="0" Grid.Column="0" /> 
</Canvas> 

code derrière:

Canvas main = touched.FindVisualParent<Canvas>(); //Finds "CanvasContainer" 
Point relativePoint = touched.TransformToAncestor(main).Transform(new Point(0, 0)); 
double canvasTop = Canvas.GetTop(touched); 

Mais ici canvasTop = relativePoint.Y avant le zoom? Est-ce que je l'utilise incorrectement? Ne correspond-il pas au visuel parent et donne-t-il un point relatif?

Answer 1

Les valeurs que vous comparez ne sera égal si

• Il est transform pas (ou RenderTranform LayoutTransform) situé sur touched, puisque ceux-ci sont pris en compte dans TransformToAncestor mais pas dans le Canvas.Left ou Canvas.Top propriétés.

• ZoomableCanvas n'a aucun décalage par rapport à la zone de travail externe. Ceci est parce que Canvas.GetTop(touched) retourne au début décalé par rapport à la ZoomableCanvas (supposé que touched est un enfant du ZoomableCanvas), tandis que relativePoint est externe par rapport à la toile .

---

Pour illustrer la première question, il suffit de mettre un élément avec un RenderTransform en toile:

<Canvas x:Name="canvas"> 
    <Label x:Name="child" Content="Hello" Canvas.Left="50" Canvas.Top="100"> 
     <Label.RenderTransform> 
      <TranslateTransform X="50" Y="100"/> 
     </Label.RenderTransform> 
    </Label> 
</Canvas> 

Si vous appelez

var point = child.TransformToAncestor(canvas).Transform(new Point()); 
var left = Canvas.GetLeft(child); 
var top = Canvas.GetTop(child); 

il retournerait point comme (100, 200), alors que left est 50 et top est 100.