Перетаскивание Wpf с помощью translateTransform

Question

У меня есть stackPanel со значениями RenderTransform X и Y.
Как сделать так, чтобы этот элемент стал подвижным с помощью перетаскивания, чтобы изменялись только координаты X и Y?

<Grid x:Name="firstZoomChild">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseDown">
            <i:InvokeCommandAction Command="{Binding CmdGetMouseCoordinates}" CommandParameter="{Binding ElementName=firstZoomChild}">
            </i:InvokeCommandAction>
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <ItemsControl ...>
        <ItemsControl.Resources>
            <DataTemplate DataType="{x:Type location:Waters}">
                 <StackPanel> //--I Want to move this Element--
                     <StackPanel.RenderTransform>
                         <TranslateTransform X="{Binding PosX, UpdateSourceTrigger=PropertyChanged}" Y="{Binding PosY, UpdateSourceTrigger=PropertyChanged}"/>
                     </StackPanel.RenderTransform>
                            //More Code...
                 </StackPanel>
            </DataTemplate>
       </ItemsControl.Resources>
       <ItemsControl.ItemsPanel>
           <ItemsPanelTemplate>
               <Canvas/>
           </ItemsPanelTemplate>
       </ItemsControl.ItemsPanel>
   </ItemsControl>
</Grid>

Я уже попробовал это с несколькими методами, которые я нашел здесь, но они не кажутсяработать на меня.MVVM был бы лучшим, но сейчас все хорошо, если он работает.