Xamarin.iOS中Grid子视图拖拽交换位置的实现方案咨询

兄弟，太懂你这种找了好久方案却卡壳的头疼了！你用DragInteraction和DropInteraction的方向完全没错，只是系统默认的拖拽逻辑只负责数据传递，不会帮你直接挪动视图位置——得咱们自己手动处理核心的交换逻辑才行。我之前在类似场景里踩过坑，给你整理一套能跑通的步骤：

第一步：给Grid子视图配置拖拽交互 #

先给每个Grid里的子视图加上拖拽能力，还要用Tag给每个视图做唯一标识，方便后面识别：

// 假设你的Grid实例叫myGrid，遍历子视图添加拖拽交互
foreach (var view in myGrid.Children)
{
    view.UserInteractionEnabled = true; // 必须开启交互，不然拖拽没反应
    var dragInteraction = new UIDragInteraction(new DragDelegate(view));
    view.AddInteraction(dragInteraction);
}

// 自定义拖拽代理类
public class DragDelegate : UIDragInteractionDelegate
{
    private readonly UIView _draggedView;
    public DragDelegate(UIView view) => _draggedView = view;

    public override UIDragItem[] GetItemsForBeginningSession(UIDragInteraction interaction, IUIDragSession session)
    {
        // 把视图的Tag作为拖拽数据传递，方便后续识别
        var itemProvider = new NSItemProvider(_draggedView.Tag.ToString());
        return new[] { new UIDragItem(itemProvider) };
    }
}

第二步：给Grid配置放下交互（核心交换逻辑） #

接下来给Grid本身添加放下交互，关键是在放下时找到目标视图，然后交换两者在Grid中的行列属性：

var dropInteraction = new UIDropInteraction(new DropDelegate(myGrid));
myGrid.AddInteraction(dropInteraction);

// 自定义放下代理类
public class DropDelegate : UIDropInteractionDelegate
{
    private readonly UIKit.UIGrid _grid;
    public DropDelegate(UIKit.UIGrid grid) => _grid = grid;

    // 告诉系统我们接受移动类型的拖拽操作
    public override UIDropProposal SessionDidUpdate(UIDropInteraction interaction, IUIDropSession session)
    {
        return new UIDropProposal(UIDropOperation.Move);
    }

    // 处理放下后的核心逻辑
    public override async void PerformDrop(UIDropInteraction interaction, IUIDropSession session)
    {
        // 获取拖拽视图的Tag标识
        var draggedTagStr = await session.LoadObjectsAsync(typeof(string)).FirstOrDefault() as string;
        if (!int.TryParse(draggedTagStr, out int draggedViewTag)) return;

        var draggedView = _grid.Children.First(v => v.Tag == draggedViewTag);
        // 根据放下坐标找到目标视图
        var dropPoint = session.LocationInView(_grid);
        var targetView = _grid.Children.FirstOrDefault(v => v.Frame.Contains(dropPoint));

        // 排除拖拽自己的情况
        if (targetView == null || draggedView == targetView) return;

        // 关键：交换两个视图的Grid行列属性
        var draggedRow = Grid.GetRow(draggedView);
        var draggedCol = Grid.GetColumn(draggedView);
        var targetRow = Grid.GetRow(targetView);
        var targetCol = Grid.GetColumn(targetView);

        Grid.SetRow(draggedView, targetRow);
        Grid.SetColumn(draggedView, targetCol);
        Grid.SetRow(targetView, draggedRow);
        Grid.SetColumn(targetView, draggedCol);

        // 强制刷新Grid布局
        _grid.LayoutIfNeeded();
    }
}

可选：添加拖拽视觉反馈（提升体验） #

可以给拖拽过程加个高亮提示，让用户更清楚当前的目标位置：

// 在DropDelegate里补充这两个方法
public override void SessionDidEnter(UIDropInteraction interaction, IUIDropSession session)
{
    var dropPoint = session.LocationInView(_grid);
    var targetView = _grid.Children.FirstOrDefault(v => v.Frame.Contains(dropPoint));
    // 给目标视图加蓝色边框高亮
    targetView?.Layer.BorderColor = UIColor.Blue.CGColor;
    targetView?.Layer.BorderWidth = 2;
}

public override void SessionDidExit(UIDropInteraction interaction, IUIDropSession session)
{
    // 离开时移除所有视图的高亮边框
    foreach (var view in _grid.Children)
    {
        view.Layer.BorderWidth = 0;
    }
}

注意事项 #

• 确保每个子视图的Tag是唯一的，不然拖拽时会识别错视图
• 如果你的Grid行列是动态生成的，要保证Grid.GetRow/Grid.GetColumn能拿到正确的行列值

其实核心逻辑就是：用拖拽传递视图标识，放下时找到目标视图，交换两者在Grid的行列属性——Grid会自动帮你重新布局位置，这样就实现了真正的视图交换，而不是只传递空数据啦！

内容的提问来源于stack exchange，提问作者Harrison