### WPF 中使用 UniformGrid 实现拖拽互换位置效果 在 WPF 中，`UniformGrid` 是一种用于均匀分布子项的面板控件。虽然 `UniformGrid` 提供了一种简单的方式来排列项目，但它本身并不支持复杂的交互行为，比如拖放功能。要实现拖拽并交换位置的功能，通常需要结合其他技术，例如事件处理程序和数据绑定。 以下是基于所提供的引用内容以及专业知识构建的一个解决方案： #### 使用 ListBox 和 ItemsControl 的组合 为了实现拖拽并交换位置的效果，可以将 `ListBox` 或者 `ItemsControl` 与 `UniformGrid` 结合起来使用。具体方法如下所示： 1. **定义 XAML 布局** 需要在 XAML 文件中配置 `ListBox` 并指定其 `ItemsPanel` 属性为 `UniformGrid`。 ```xml <ListBox Name="MyListBox" SelectionMode="Single" AllowDrop="True" PreviewMouseLeftButtonDown="MyListBox_PreviewMouseLeftButtonDown" Drop="MyListBox_Drop"> <ListBox.ItemsPanel> <ItemsPanelTemplate> <UniformGrid Rows="2" Columns="4"/> </ItemsPanelTemplate> </ListBox.ItemsPanel> <!-- 添加一些初始项 --> <ListBoxItem Content="Item 1"/> <ListBoxItem Content="Item 2"/> <ListBoxItem Content="Item 3"/> <ListBoxItem Content="Item 4"/> <ListBoxItem Content="Item 5"/> <ListBoxItem Content="Item 6"/> <ListBoxItem Content="Item 7"/> <ListBoxItem Content="Item 8"/> </ListBox> ``` 这里设置了 `Rows=2`, `Columns=4` 来创建一个具有固定行列数的网格布局[^1]。 2. **编写后台逻辑** 下面是在 C# 后台文件中的代码片段，用来处理拖拽操作： ```csharp private void MyListBox_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { var listBox = (ListBox)sender; var item = FindAncestor<ListBoxItem>((DependencyObject)e.OriginalSource); if (item != null && listBox.SelectedItem != null) { DragDrop.DoDragDrop(item, listBox.SelectedItem, DragDropEffects.Move); } } private static T FindAncestor<T>(DependencyObject current) where T : DependencyObject { do { if (current is T t) return t; current = VisualTreeHelper.GetParent(current); } while (current != null); return null; } private void MyListBox_Drop(object sender, DragEventArgs e) { if (!e.Data.GetDataPresent(typeof(ListBoxItem)) || !(sender is ListBox targetList)) return; var sourceItem = e.Data as ListBoxItem; var targetIndex = IndexFromPoint(targetList, e.GetPosition((IInputElement)targetList)); if (sourceItem != null && targetIndex >= 0) { var items = new List<object>(targetList.ItemsSource.Cast<object>()); var draggedItem = sourceItem.Content.ToString(); // 移除原始位置上的对象 int originalIndex = items.IndexOf(draggedItem); items.RemoveAt(originalIndex); // 插入新位置上 items.Insert(targetIndex, draggedItem); // 更新列表框的数据源 targetList.ItemsSource = null; targetList.ItemsSource = items; } } private int IndexFromPoint(ListBox listbox, Point point) { UIElement container = listbox.ContainerFromElement(listbox) as UIElement; if (container != null && !VisualTreeHelper.HitTest(container, point).ValidPoints.Any()) { return -1; // 如果点击区域不在任何 Item 上，则返回无效索引 } for (int i = 0; i < listbox.Items.Count; ++i) { FrameworkElement child = listbox.ItemContainerGenerator.ContainerFromIndex(i) as FrameworkElement; if (child != null && IsUnder(child, point)) { return i; } } return -1; } private bool IsUnder(FrameworkElement element, Point point) { GeneralTransform transform = element.TransformToAncestor(element.Parent as Visual); Point transformedPoint = transform.Transform(point); Rect bounds = new Rect(new Point(0, 0), new Size(element.ActualWidth, element.ActualHeight)); return bounds.Contains(transformedPoint); } ``` 此部分实现了鼠标按下时启动拖拽动作，并在目标位置释放后重新调整项目的顺序[^2]。 #### 注意事项 - 在上述例子中，`PreviewMouseLeftButtonDown` 方法捕获了用户的左键单击事件，并触发拖拽过程。 - 当发生 drop 操作时，会调用 `MyListBox_Drop` 函数计算新的插入点并将被移动的对象放置在此处。 - 调整后的集合会被再次赋给 `ListBox` 控件作为它的数据源，从而更新界面显示。 --- ###