在Avalonia应用开发中，DataGrid是常用的数据展示控件，默认情况下它不支持行拖拽排序功能，需要开发者手动实现相关的交互逻辑和数据处理。实现该功能的核心思路是监听DataGrid的鼠标事件，记录拖拽的起始行和目标位置，在完成拖拽后调整数据源的顺序，同时更新界面展示。
实现前的准备工作
首先需要准备对应的数据模型，模型需要包含一个用于标识排序位置的属性，方便后续调整顺序。以下是一个简单的数据模型示例：
public class ItemModel : INotifyPropertyChanged
{
private int _id;
private string _name;
private int _sortIndex;
public int Id
{
get => _id;
set
{
_id = value;
OnPropertyChanged();
}
}
public string Name
{
get => _name;
set
{
_name = value;
OnPropertyChanged();
}
}
public int SortIndex
{
get => _sortIndex;
set
{
_sortIndex = value;
OnPropertyChanged();
}
}
public event PropertyChangedEventHandler? PropertyChanged;
protected virtual void OnPropertyChanged([CallerMemberName] string? propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
DataGrid基础配置
在XAML中配置DataGrid，开启相关的鼠标事件监听，同时绑定数据源：
<DataGrid x:Name="MainDataGrid"
ItemsSource="{Binding ItemList}"
AutoGenerateColumns="False"
PointerPressed="MainDataGrid_PointerPressed"
PointerMoved="MainDataGrid_PointerMoved"
PointerReleased="MainDataGrid_PointerReleased">
<DataGrid.Columns>
<DataGridTextColumn Header="ID" Binding="{Binding Id}" Width="100"/>
<DataGridTextColumn Header="名称" Binding="{Binding Name}" Width="*"/>
<DataGridTextColumn Header="排序索引" Binding="{Binding SortIndex}" Width="100"/>
</DataGrid.Columns>
</DataGrid>
拖拽核心逻辑实现
拖拽状态记录
首先定义几个变量用于记录拖拽过程中的状态：
private ItemModel? _dragStartItem; private int _dragStartIndex = -1; private bool _isDragging = false;
拖拽开始事件处理
在PointerPressed事件中判断是否是左键点击行，记录拖拽的起始项：
private void MainDataGrid_PointerPressed(object? sender, PointerPressedEventArgs e)
{
if (e.GetCurrentPoint(MainDataGrid).Properties.IsLeftButtonPressed)
{
// 获取点击的行对应的数据项
var row = e.Source as DataGridRow ?? (e.Source as Control)?.FindAncestorOfType<DataGridRow>();
if (row != null)
{
_dragStartItem = row.DataContext as ItemModel;
_dragStartIndex = ItemList.IndexOf(_dragStartItem);
_isDragging = true;
}
}
}
拖拽过程事件处理
在PointerMoved事件中判断拖拽是否移动到了新的行位置，可添加视觉反馈（此处仅做位置判断，视觉反馈可根据需求扩展）：
private void MainDataGrid_PointerMoved(object? sender, PointerMovedEventArgs e)
{
if (!_isDragging || _dragStartItem == null) return;
var currentPoint = e.GetCurrentPoint(MainDataGrid);
// 获取当前鼠标位置下的行
var targetRow = MainDataGrid.GetRowAt(currentPoint.Position);
if (targetRow != null)
{
var targetItem = targetRow.DataContext as ItemModel;
if (targetItem != null && targetItem != _dragStartItem)
{
// 可在此处添加拖拽指示线等视觉反馈
}
}
}
拖拽完成事件处理
在PointerReleased事件中完成数据源的顺序调整，更新SortIndex并刷新界面：
private void MainDataGrid_PointerReleased(object? sender, PointerReleasedEventArgs e)
{
if (!_isDragging || _dragStartItem == null) return;
var currentPoint = e.GetCurrentPoint(MainDataGrid);
var targetRow = MainDataGrid.GetRowAt(currentPoint.Position);
if (targetRow != null)
{
var targetItem = targetRow.DataContext as ItemModel;
if (targetItem != null && targetItem != _dragStartItem)
{
int targetIndex = ItemList.IndexOf(targetItem);
// 从原位置移除
ItemList.RemoveAt(_dragStartIndex);
// 插入到目标位置
ItemList.Insert(targetIndex, _dragStartItem);
// 更新所有项的排序索引
for (int i = 0; i < ItemList.Count; i++)
{
ItemList[i].SortIndex = i;
}
// 刷新DataGrid的数据绑定
MainDataGrid.ItemsSource = null;
MainDataGrid.ItemsSource = ItemList;
}
}
// 重置拖拽状态
_dragStartItem = null;
_dragStartIndex = -1;
_isDragging = false;
}
注意事项
- 如果数据源是ObservableCollection类型，调整顺序后界面会自动更新，不需要手动重新设置ItemsSource，上面的示例为了兼容性做了重新设置的处理。
- 实际开发中可以根据需求添加拖拽指示线、拖拽时的半透明效果等视觉反馈，提升用户体验。
- 如果DataGrid启用了分页或者虚拟滚动，需要额外处理行的索引映射，避免数据对应错误。
- 拖拽逻辑可以封装成通用的附加属性，方便在多个DataGrid中复用。