我们正在尝试在Silverlight(3)中实现拖放。我们希望用户能够将元素从树状视图拖到UI的另一部分。父元素是一个Grid,我们一直在尝试使用TranslateTransform以及MouseLeftButtonDown,MouseMove(etc)事件,如各种在线示例所建议的那样。例如:
http://www.85turns.com/2008/08/13/drag-and-drop-silverlight-example/
我们正在IronPython中进行此操作,但这或多或少无关紧要。拖动开始已正确启动,但是我们拖动的项目出现在“错误”位置(从光标向右和向下偏移几百个像素),我一生无法弄清楚为什么。
基本XAML:
<Grid x:Name="layout_root">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="120"/>
</Grid.RowDefinitions>
<Border x:Name="drag" Background="LightGray" Width="40" Height="15"
Visibility="Collapsed" Canvas.ZIndex="10">
<Border.RenderTransform>
<TranslateTransform x:Name="transform" X="0" Y="0" />
</Border.RenderTransform>
<TextBlock x:Name="dragText" TextAlignment="Center"
Foreground="Gray" Text="foo" />
</Border>
...
</Grid>
startDrag方法由MouseLeftButtonDown事件(在TreeViewItem.Header中的TextBlock上)触发。 onDrag由MouseMove触发。在以下代码中,self.root是Application.Current.RootVisual(来自app.xaml的顶级UI元素):
def startDrag(self, sender, event):
self.root.drag.Visibility = Visibility.Visible
self.root.dragText.Text = sender.Text
position = event.GetPosition(self.root.drag.Parent)
self.root.drag.transform.X = position.X
self.root.drag.transform.Y = position.Y
self.root.CaptureMouse()
self._captured = True
def onDrag(self, sender, event):
if self._captured:
position = event.GetPosition(self.root.drag.Parent)
self.root.drag.transform.X = position.X
self.root.drag.transform.Y = position.Y
拖动的项目跟随鼠标移动,但是偏移很大。知道我在做什么错以及如何纠正吗?
最佳答案
因此,事实证明,我应该一直在设置Margin而不是使用TranslateTransform:
def startDrag(self, sender, event):
self.root.drag.Visibility = Visibility.Visible
self.root.dragText.Text = sender.Text
self.root.CaptureMouse()
self._captured = True
self.root.MouseLeftButtonUp += self.stopDrag
self.root.MouseLeave += self.stopDrag
self.onDrag(sender, event)
def onDrag(self, sender, event):
if self._captured:
position = event.GetPosition(self.root.layout_root)
self.root.drag.Margin = Thickness(position.X, position.Y, 0, 0)
self.root.drag.UpdateLayout()