После размещения элемента ItemsControl на холсте получить его Transform (Silverlight 5)

Question

Я размещаю элементы из коллекции на холсте с помощью элемента ItemsControl. Позиционирование выполняется с помощью TranslateTransform: <TranslateTransform X="{Binding x}" Y="{Binding y}"/>. Чтобы сделать элементы доступными, я реализовал событие MouseLeftButtonUp для элементов.

Смотреть полный код ниже:

<ItemsControl ItemsSource="{Binding XYPoints}"> 

    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 

    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Ellipse Width="20" Height="20" Fill="Red" MouseLeftButtonUp="XYPlotPoint_MouseLeftButtonUp"> 
       <Ellipse.RenderTransform> 
        <TransformGroup> 
         <RotateTransform Angle="0"/> 
         <TranslateTransform X="{Binding x}" Y="{Binding y}"/> 
        </TransformGroup> 
       </Ellipse.RenderTransform> 
       </Ellipse > 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 

</ItemsControl> 

То, что я не могу понять: я хочу, чтобы иметь возможность нажать на любую из моих вещей и получить координаты TranslateTransform, то есть х и у значений, которые были использованы для позиционирования элемента на холсте.

Моя идея состояла в том, чтобы получить это от отправителя события после отбрасывания отправителя обратно на эллипс, например. Ellipse myEllipse = (Ellipse)sender;, но я не вижу никаких свойств, содержащих эту информацию.

Если я использую GeneralTransform gt = myEllipse.TransformToVisual(Application.Current.RootVisual);, он дает мне Трансформирование относительно RootVisual, а не к сетке, на которой я опишу.

Возможно, я не замечаю здесь ничего очевидного. Я был бы благодарен за любой намек.

Answer 1

Я нашел решение. Для того, чтобы получить преобразование из UIElement (моего предмета), который нажал на относительно другого UIElement (в моем случае Grid он находится на, который также является LayoutRoot):

 private void XYPlotPoint_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) 
    { 
     //cast sender to original type 
     Ellipse myEllipse = (Ellipse)sender; 

     //get the transform relative to the LayoutRoot 
     GeneralTransform gt = myEllipse.TransformToVisual(LayoutRoot); 

     //transform a new point to get the coordinates 
     var myUiElementPosition = gt.Transform(new Point(0, 0)); 
    } 

Answer 2

Я не совсем уверен, какова ваша проблема, но я думаю, что у меня это есть.

Вы используете очень странный подход к позиционированию элементов в Canvas. Это ваш подход, который затрудняет получение поддержки по щелчку. Вы просто делаете все свои вещи живыми друг над другом. Вы просто визуализируете их в разных местах, в то время как системы макета и ввода полагают, что все элементы находятся в начале координат. Вот почему все события мыши не работают.

Основной подход заключается в его приложенных свойствах Canvas.Left и Canvas.Top, как показано в MSDN. Попробуйте связывание свойства через ItemContainerStyle:

<ItemsControl ItemsSource="{Binding XYPoints}"> 

    <ItemsControl.ItemsPanel> 
    <ItemsPanelTemplate> 
     <Canvas/> 
    </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 

    <ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <Ellipse Width="20" Height="20" Fill="Red" MouseLeftButtonUp="XYPlotPoint_MouseLeftButtonUp"/> 
    </DataTemplate> 
    </ItemsControl.ItemTemplate> 

    <ItemsControl.ItemContainerStyle> 
    <Style> 
     <Setter Property="Canvas.X" Value="{Binding x, Mode=TwoWay}"/> 
     <Setter Property="Canvas.Y" Value="{Binding y, Mode=TwoWay}"/> 
    </Style> 
    </ItemsControl.ItemContainerStyle> 

</ItemsControl> 

После того, как вы делаете это так, ваше MouseLeftButtonUp события уволит только тогда, когда пользователь нажимает на самой деталь, и вам не нужно будет вычислять позиции перешедших пунктов ,