Android可拖拽列表支持多布局吗？自定义Widget拖拽排序异常求助

问题背景 #

开发Dashboard页面时，需要放置多种不同布局的自定义Widget（非Android官方Widget），支持用户拖拽调整Widget位置与设置。尝试用ItemTouchHelper实现拖拽，但RecyclerView默认拖拽对多ViewType支持存在问题，自行编写的交换逻辑效果与预期不符。

现有代码 #

private void swapOneAndTwoSizeWidget(int from, int to) {
    List<WidgetInfo> list = mAdapter.getList();
    WidgetInfo source = list.get(from);
    WidgetInfo target = list.get(to);
    // swap two column item and one column item
    swapLocation(source, target); 
    swapLocation(target, list.get(to + 1));
    updateSort(source, target, list.get(to + 1)); 
    moveItems(from, to); 
}

private void swapLocation(WidgetInfo a, WidgetInfo b) {
    int tempX = a.getLocationX();
    int tempY = a.getLocationY();
    a.setLocationX(b.getLocationX());
    a.setLocationY(b.getLocationY());
    b.setLocationX(tempX);
    b.setLocationY(tempY);
}

private void updateSort(WidgetInfo... widgets) {
    List<WidgetInfo> listToSwap = new ArrayList<>();
    for (WidgetInfo widget : widgets) {
        if (!widget.isAdd()) {
            listToSwap.add(widget);
        }
    }
    mAdapter.updateSort(listToSwap);
}

private void moveItems(int from, int to) {
    List<WidgetInfo> list = mAdapter.getList();
    if (from < to) {
        for (int i = from; i < to + 1; i++) {
            Collections.swap(list, i, i + 1);
        }
        mAdapter.notifyItemMoved(from, to + 1);
    } else {
        for (int i = from; i > to; i--) {
            Collections.swap(list, i, i - 1);
        }
        mAdapter.notifyItemMoved(from, to);
    }
}

效果对比 #

• 交换前：两列小Widget在上方，一列大Widget在下方
• 实际交换后：布局混乱，Widget位置未按预期对齐
• 预期效果：大Widget与上方小Widget交换位置后，网格布局保持对齐，无重叠错乱

解决方案 #

1. 纠正核心逻辑：基于网格坐标而非列表索引排序 #

大Widget占多列，RecyclerView列表索引与实际网格位置不对等，手动交换索引必然导致布局错乱。应基于Widget的locationX/locationY和spanSize（占列数）重新计算数据顺序，而非直接操作列表索引。

2. 完善ItemTouchHelper.Callback配置 #

确保允许所有ViewType的拖拽交互：

@Override
public int getMovementFlags(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
    // 网格布局支持上下左右拖拽
    int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
    return makeMovementFlags(dragFlags, 0);
}

@Override
public boolean canDropOver(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder current, @NonNull RecyclerView.ViewHolder target) {
    // 允许所有类型Widget之间的拖拽交换
    return true;
}

3. 优化数据模型与布局管理器 #

• 在WidgetInfo中增加spanSize字段（小Widget设为1，大Widget设为2）
• 给GridLayoutManager设置SpanSizeLookup，让布局管理器识别每个Item的占列数：

gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        return mAdapter.getList().get(position).getSpanSize();
    }
});

4. 重写拖拽交换逻辑 #

拖拽释放时，根据目标网格位置重新排列所有受影响Widget的坐标与排序：

1. 拖拽开始时记录当前Widget的原始坐标、大小
2. 拖拽过程中实时校验目标位置是否能容纳当前Widget（比如大Widget需要连续两列空间）
3. 释放后，重新计算所有相关Widget的坐标，更新列表顺序，调用notifyItemRangeChanged()刷新布局

5. 改用适配多布局的布局管理器 #

默认GridLayoutManager对可变大小Item支持有限，可改用StaggeredGridLayoutManager，或自定义布局管理器重写onLayoutChildren方法，确保拖拽后布局能正确重排。

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