将项目从一个usercontrol中的listvew拖动到另一个usercontrol中的画布

需要在listview中创建一个带有控件名的图像列表图标(在示例代码下面)需要拖放到另一个usercontrol画布区域。例如:当我们单击Visual studio工具栏中的控件并将其放置在设计区域时。

期望:当单击listview项时,光标css应该更改,直到我们将其释放到画布区域,根据listview项的绑定键值,将控件放置在画布内的光标位置,并拖动到画布区域。并获取绑定到该项的值。

XAML代码:

 <Grid>
    <ListView ScrollViewer.VerticalScrollBarVisibility="Disabled" x:Name="tStack">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel  VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Image Source="{Binding Path=Key, Converter={StaticResource StringToImage}
 , ConverterParameter=../Images/ControlIcons/{0}.ico}" />
                    <TextBlock Text="{Binding Key}" FontSize="10px"  Width="60px" Margin="2,0,0,0"  />
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
    </ListView>
</Grid>