以下是我完成此任务的示例。
XAML:
<Window.DataContext>
<local:MyViewModel />
</Window.DataContext>
<Grid>
<ScrollViewer>
<ListView ItemsSource="{Binding MyData}" HorizontalAlignment="Stretch" Name="listview" ScrollViewer.PanningMode="VerticalOnly">
<ListView.ItemTemplate>
<DataTemplate>
<Button Content="{Binding}"
Command="{Binding DataContext.MyCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
CommandParameter="{Binding}"
Margin="5 2" Width="150" Height="50"
FontSize="30" />
</DataTemplate>
</ListView.ItemTemplate>
<ListView.Resources>
<Style TargetType="Button">
<EventSetter Event="PreviewMouseMove" Handler="PreviewMouseMove" />
<EventSetter Event="Drop" Handler="Drop" />
<Setter Property="AllowDrop" Value="True" />
</Style>
</ListView.Resources>
</ListView>
</ScrollViewer>
</Grid>
视图模型(ViewModel):
class MyViewModel
{
public MyViewModel()
{
MyCommand = new ICommandImplementation();
}
public ObservableCollection<string> MyData
{
get
{
return new ObservableCollection<string>(new string[]{
"one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten",
"eleven", "twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen", "twenty"
});
}
}
public ICommand MyCommand { get; private set; }
private class ICommandImplementation : ICommand
{
public bool CanExecute(object parameter) { return true; }
public event EventHandler CanExecuteChanged;
public void Execute(object parameter) { System.Windows.MessageBox.Show("Button clicked! " + (parameter ?? "").ToString()); }
}
}
事件:
private void Drop(object sender, DragEventArgs e)
{
var source = e.Data.GetData("Source") as string;
if (source != null)
{
int newIndex = listview.Items.IndexOf((sender as Button).Content);
var list = listview.ItemsSource as ObservableCollection<string>;
list.RemoveAt(list.IndexOf(source));
list.Insert(newIndex, source);
}
}
private void PreviewMouseMove(object sender, MouseEventArgs e)
{
if (e.LeftButton == MouseButtonState.Pressed)
{
Task.Factory.StartNew(new Action(() =>
{
Thread.Sleep(500);
App.Current.Dispatcher.BeginInvoke(new Action(() =>
{
if (e.LeftButton == MouseButtonState.Pressed)
{
var data = new DataObject();
data.SetData("Source", (sender as Button).Content);
DragDrop.DoDragDrop(sender as DependencyObject, data, DragDropEffects.Move);
e.Handled = true;
}
}), null);
}), CancellationToken.None);
}
}
上面的示例有些复杂,因为
list
中的每个项都是一个
Button
,在
Button click
时我还需要执行一些操作。
您的情况比较简单。
对于许多开发人员来说,拖放可能会让人感到困惑。但以下是如何进行拖放的一些关键点:
使用PreviewMouseMove
事件来实际开始拖动,在处理程序中使用DragDrop.DoDragDrop
事件来引发与DragDrop
相关的事件和Cursors
。在此情况下,sender
参数是当前捕获鼠标的元素,即正在拖动的UIElement
。
如果要更改当前Mouse
正在拖动的元素的可视化效果,请使用DragEnter
和DragOver
事件。sender
参数是当前拖动/刚刚结束拖动的元素。
使用Drop
事件来处理已放置的元素。 sender
参数是发生Drop的元素。
使用DataObject
对象在这些事件之间传递信息。使用该类的SetData
方法添加数据。此方法有两个参数,并且它们的工作方式类似于key-value
对。一旦设置,您可以通过在下一个调用的DragDrop
事件中传递key
作为参数来使用GetData
方法获取此数据。(即e.Data.GetData("Source")
)
这里是一个相关的帖子。