目前 Avalonia 官方 DataGrid(
Avalonia.Controls.DataGrid)**不内置行拖拽排序功能**,也没有类似 WPF 中
AllowDrop+
PreviewMouseMove+
Drop的开箱即用支持。但可通过事件拦截与手动逻辑实现——关键在于捕获鼠标拖动行为、动态更新数据源顺序,并配合视觉反馈提升体验。
启用拖放基础能力
必须先让 DataGrid 及其容器支持拖放交互:
在 DataGrid 或外层 Layout(如Grid、
Border)上设置
AllowDrop="True"订阅
DragOver和
Drop事件,用于判断目标位置和执行插入 确保数据源是可变集合(如
ObservableCollection<t></t>),否则无法实时刷新 UI
捕获拖动起始行
不能依赖
DragDrop.DoDragDropAsync(那是用于跨控件/应用拖文件),而是监听鼠标按下+移动组合: 在 DataGrid 的
PointerPressed事件中记录被点击的行索引(通过
e.GetCurrentPoint(dataGrid).Position+
dataGrid.GetRowFromPoint(...)或绑定项定位) 启动一个轻量级“拖动状态”标志(如
_isDragging = true),并保存拖动项的数据对象 可选:添加半透明覆盖层或临时高亮效果,提示用户已进入拖动模式
实时计算目标插入位置
在
PointerMoved或
DragOver中持续判断鼠标当前悬停在哪两行之间: 获取鼠标 Y 坐标相对于 DataGrid 的偏移 遍历可视行(
dataGrid.GetVisualChildren()或缓存行高度估算),找到最接近的行间隙(例如:Y 落在第 i 行底部与第 i+1 行顶部之间) 用
AdornerLayer或临时
Border在该间隙绘制插入指示线(如一条细横线或带箭头的分隔条)
完成拖放并更新数据
在
Drop或
PointerReleased时执行最终逻辑: 根据之前计算的目标索引,从原位置移除拖动项(注意:若拖动项已在目标区上方,插入索引需减 1) 调用
ObservableCollection<t>.Insert(targetIndex, item)</t>重置拖动状态、清除视觉提示 可选:触发
ICollectionView.Refresh()确保排序/筛选状态一致(如果用了
CollectionViewSource)
不复杂但容易忽略:拖动过程中需禁用 DataGrid 默认选择行为(如设置
SelectionMode="None"或在拖动时临时取消选择),避免视觉冲突和逻辑干扰。
