WPF 实现 ListBox 拖动子项
控件名:WPFListBoxItemDrag
作 者:WPFDevelopersOrg - 驚鏵
源码:如下
框架支持
.NET4 至 .NET8
;Visual Studio 2022
;
![9853884544f2571b414a8271af51cd79.png](https://i-blog.csdnimg.cn/blog_migrate/f2863a2606201f8291aeabf5062a385c.png)
XAML 部分:
1)新增 MainWindow.xaml
代码如下:
Grid
定义两列。第一列
ListBox
控件,命名ListBoxStart
,原数据被拖动者。Canvas
画布,用于在拖动过程中呈献拖动项。第二列
ListBox
控件,命名ListBoxEnd
,用于接收拖动者。
<wd:Window
x:Class="WPFListBoxItemDrag.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:WPFListBoxItemDrag"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
Title="WPF开发者 - ListBoxItemDrag"
Width="800"
Height="450"
WindowStartupLocation="CenterScreen"
mc:Ignorable="d">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<ListBox
x:Name="ListBoxStart"
AllowDrop="True"
BorderThickness="1"
ItemsSource="{Binding ItemsA}"
PreviewMouseLeftButtonDown="ListBoxStart_PreviewMouseLeftButtonDown"
PreviewMouseLeftButtonUp="ListBoxStart_PreviewMouseLeftButtonUp"
PreviewMouseMove="ListBoxStart_PreviewMouseMove" />
<Canvas
x:Name="DragCanvas"
Grid.ColumnSpan="2"
Panel.ZIndex="1000" />
<ListBox
x:Name="ListBoxEnd"
Grid.Column="1"
AllowDrop="True"
Drop="ListBoxEnd_Drop"
ItemsSource="{Binding ItemsB}" />
</Grid>
</wd:Window>
CSharp 部分:
2)新增 MainWindow.xaml.cs
代码如下:
ItemsA
和ItemsB
是ObservableCollection<string>
,分别用于存储ListBoxStart
和ListBoxEnd
中的项。ListBoxStart_PreviewMouseLeftButtonDown
方法处理当在ListBoxStart
按下鼠标左键时的Item
数据,标记拖放操作的开始。FindVisualParent
在可视树中查找元素。GetListBoxItemData
获取选中项ListBoxItem
的数据。ListBoxStart_PreviewMouseLeftButtonUp
处理当在ListBoxStart
释放鼠标左键的事件执行实际的拖放操作。ListBoxStart_PreviewMouseMove
处理当在ListBoxStart
移动鼠标时的事件在拖动过程中更新拖动的位置。ListBoxEnd_Drop
处理当将ListBoxStart
拖动项放到ListBoxEnd
的事件,将拖动项添加到ListBoxEnd
的数据源中。
using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
namespace WPFListBoxItemDrag
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow
{
private bool isDragging;
private ListBoxItem item;
private ListBoxItem dragItem;
private object data;
public ObservableCollection<string> ItemsA { get; set; }
public ObservableCollection<string> ItemsB { get; set; }
public MainWindow()
{
InitializeComponent();
DataContext = this;
ItemsA = new() { "WPFDevelopersOrg", "WPFDevelopers", "WPF开发者", "ListBox", "ListBoxItem" };
ItemsB = new ObservableCollection<string>();
}
private void ListBoxStart_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
data = GetListBoxItemData(ListBoxStart, e.GetPosition(ListBoxStart));
item = FindVisualParent<ListBoxItem>((DependencyObject)e.OriginalSource);
if (item != null)
isDragging = true;
}
private T FindVisualParent<T>(DependencyObject obj) where T : DependencyObject
{
while (obj != null)
{
if (obj is T)
return (T)obj;
obj = VisualTreeHelper.GetParent(obj);
}
return null;
}
private object GetListBoxItemData(ListBox source, Point point)
{
var element = source.InputHitTest(point) as UIElement;
if (element != null)
{
var data = DependencyProperty.UnsetValue;
while (data == DependencyProperty.UnsetValue)
{
data = source.ItemContainerGenerator.ItemFromContainer(element);
if (data == DependencyProperty.UnsetValue)
element = VisualTreeHelper.GetParent(element) as UIElement;
if (element == source)
return null;
}
if (data != DependencyProperty.UnsetValue)
return data;
}
return null;
}
private void ListBoxStart_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
if (data != null)
DragDrop.DoDragDrop(ListBoxStart, data, DragDropEffects.Move);
isDragging = false;
if (dragItem != null)
{
DragCanvas.Children.Remove(dragItem);
dragItem = null;
}
}
private void ListBoxStart_PreviewMouseMove(object sender, MouseEventArgs e)
{
if (isDragging)
{
if (dragItem == null)
{
dragItem = new ListBoxItem
{
Content = item.Content,
Width = item.ActualWidth,
Height = item.ActualHeight,
Background = Brushes.Gray,
ContentTemplate = item.ContentTemplate,
ContentTemplateSelector = item.ContentTemplateSelector,
Style = item.Style,
Padding = item.Padding,
Opacity = .5,
IsHitTestVisible = false,
};
DragCanvas.Children.Add(dragItem);
}
var mousePos = e.GetPosition(DragCanvas);
Canvas.SetLeft(dragItem, mousePos.X - dragItem.ActualWidth / 2);
Canvas.SetTop(dragItem, mousePos.Y - dragItem.ActualHeight / 2);
}
}
private void ListBoxEnd_Drop(object sender, DragEventArgs e)
{
if (e.Data.GetDataPresent(typeof(string)))
{
var data = e.Data.GetData(typeof(string)).ToString();
ItemsB.Add(data);
ItemsA.Remove(data.ToString());
}
}
}
}
![cc748af19a457a21a62e3f73f59fe7f0.gif](https://i-blog.csdnimg.cn/blog_migrate/b3fb1eb8907a4058582dcceb633f9ba1.gif)