画布位置（x，y）

Question

I have an ItemsControl that has a collection source, the items appear in canvas and I can move them with mouse events, How I can save position of an Item (x,y)?

This is my code :

 <ItemsControl x:Name="icTables" Padding="0,30,0,0" Margin="249,88,0,115" Width="737" HorizontalAlignment="Left" FontWeight="Bold" BorderBrush="#FF6C6C6C" BorderThickness="1">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <jas:DragCanvas x:Name="drCanvas"></jas:DragCanvas>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <ToggleButton x:Name="btnTable" Foreground="#ff252526" Width="75" Height="75">
                    <StackPanel Orientation="Vertical">
                        <TextBlock Text="{Binding TableNo}" FontSize="14" HorizontalAlignment="Center" Foreground="#FFECECEC"/>
                    </StackPanel>
                </ToggleButton>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

Thanks.

Answer 1

您可以为Canvas中的所有项目指定每个项目，检索它们的Left和Top值并存储它们，也可以在Item ViewModels中的Canvas.Left和Canvas.Top属性和2个匹配属性之间进行TwoWay数据绑定，并在其中存储值。

Answer 2

probably you should extend DragCanvas, when drag done event raised, you should save the position info to item(via attached dependency property).

drCanvas.DragCompleted +=(s,e)=>
{
   var pos = Mouse.GetPosition(this);
   ToggleButton.SetValue(PositionAttachedDependencyProperty,pos);
};