【问题标题】:Movement animation with RealmRecyclerViewAdapter with Drag&Drop使用 Real RecyclerView 适配器和拖放的运动动画
【发布时间】:2018-08-19 08:12:26
【问题描述】:

我有一个 RealmRecyclerViewAdapter 用于侦听领域中的查询,并且我已经使用 ItemTouchHelper 在其上实现了拖放功能。

private final ItemTouchHelper.Callback _ithCallback = new ItemTouchHelper.Callback() {

    private int fromPosition;
    private int toPosition;

    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        if (viewHolder.getItemViewType() != target.getItemViewType()) {
            return false;
        }

        toPosition = target.getAdapterPosition();
        adapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());

        return true;
    }

    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    }

    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        if (viewHolder.getItemViewType() == TaskListRecyclerViewAdapter.FOOTER) {
            return 0;
        } else {
            return makeMovementFlags(ItemTouchHelper.UP | ItemTouchHelper.DOWN, 0);
        }
    }

    @Override
    public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
        super.onSelectedChanged(viewHolder, actionState);

        if (actionState == ItemTouchHelper.ACTION_STATE_DRAG) {
            fromPosition = viewHolder.getAdapterPosition();
            toPosition = viewHolder.getAdapterPosition();
        } else if (actionState == ItemTouchHelper.ACTION_STATE_IDLE
                && fromPosition != toPosition) {
            // adapter.onDetachedFromRecyclerView(mRecyclerView);
            dragAndDropManager.executeDragAndDrop(liveRealm, store.getStoreUid(), fromPosition, toPosition);
            ...
            ...
            // adapter.onAttachedToRecyclerView(mRecyclerView);
        }
    }
};

为了指示移动,每当我将一个项目拖到另一个项目上时,我都会调用适配器的 notifyItemMoved 方法:

adapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());

每当用户释放他拖动的项目时,我都会将更改提交到领域数据库:

dragAndDropManager.executeDragAndDrop(liveRealm, store.getStoreUid(), fromPosition, toPosition);

问题是 - 每当我释放拖动的项目时,动画似乎都在工作,就好像我没有将项目放在它的位置一样,但好像项目开始从其原始位置移动到该位置我把它丢在里面了。

我知道发生这种情况是因为我已将更改提交给 Realm,因此适配器会通知更改,但动画看起来有问题。

我试过打电话

adapter.onDetachedFromRecyclerView(mRecyclerView);

adapter.onAttachedToRecyclerView(mRecyclerView);

移除监听器并将其添加到适配器但似乎不可靠。

这个问题有更好的解决方案吗?

【问题讨论】:

    标签: java android-recyclerview drag-and-drop realm


    【解决方案1】:

    Michael - 你有没有让这个工作令你满意?

    我刚刚看到你的帖子,遇到了同样的问题。我正在使用 Realm 的本地 Java DB 版本,并且在查看了几个示例后,这些示例显示了使用股票 recyclerView 实现拖放的类似技术(通常它们都使用字符串数组作为数据模型,而不是类似于实时数据库例如Realm)这是我的经验-我认为“标准”技术存在问题以及我如何解决它们:

    需要解决的问题

    问题 1:自定义回调类转发大量 onMove 事件

    我发现的各种示例(例如here)总是使用 扩展 ItemTouchHelper.Callback 的自定义类。这个类通常定义 反过来由适配器实现的接口。然后这个类覆盖 onMove()/onSwiped 从Callback调用适配器实现的接口的onViewMoved()/onViewSwiped()方法:

    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        contract.onViewMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return true;
    }
    

    在适配器中的onViewMoved() 实现中,示例通常会更新数据源,然后调用notifyItemMoved()

    public void onViewMoved(int oldPosition, int newPosition) {
        User targetUser = usersList.get(oldPosition);
        User user = new User(targetUser);
        usersList.remove(oldPosition);
        usersList.add(newPosition, user);
        notifyItemMoved(oldPosition, newPosition);
    }
    

    在上面的示例中,数据模型是“用户”对象的简单 ArrayList。

    我在使用 Realm 时发现的问题是,在回调中 onMove() 在用户拖动时被调用很多,这 鉴于标准接口实现中发生的事情会导致大量的数据库 写。

    问题 2:一旦检测到单行更改,拖动动画就会停止

    我注意到,当我向下拖动 recyclerview 的顶行时,当它到达下一行时,动画就停止了。为什么?这是因为您发现基类 RealmRecyclerViewAdapter 在收到数据模型已更改的通知时会自动更新,并且此更新显然会触发 ItemTouchHelper 停止动画。

    为了解决这两个问题,我做了以下工作:

    与我找到的示例一样,我将 ItemTouchHelper.Callback 扩展为我自己的类。我利用一些变量来跟踪我是否拖过一个新目标:

    public class RecyclerViewSwipeAndDragHelper extends ItemTouchHelper.Callback {
    
        private SwipeAndDraggable implementor;
        private static final int POSITION_UNKNOWN = -1;
        private int oldPosition = POSITION_UNKNOWN;
        private int newPosition = POSITION_UNKNOWN;
    

    与示例类似,在这个类中,我定义了适配器将使用的接口:

    public interface SwipeAndDraggable {
        void onViewMoved(int oldPosition, int newPosition);
        void onViewSwiped(int position);
        void onClearView(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder);
    }
    

    我在这个界面中添加了 onClearView() 方法到示例中通常显示的内容,稍后将详细介绍如何使用它。

    为了解决第一个问题,我需要将所有 onMove() 回调合并为对适配器的一次调用。幸运的是,ItemTouchHelper 已经为我们做了很多这样的工作。 onMove() 的返回值 TRUE 将触发对 onMoved() 的后续调用。返回 FALSE 不会。所以,在我的Callback 实现中,当我覆盖onMove() 时,我不会调用接口的实现者。相反,我只跟踪我是否拖过相同的目标位置,因此它只在我第一次击中新目标时返回 TRUE(我还通过测试注意到有时我会得到一个初始的 -1 viewHolder.getAdapterPosition() 的值,所以我也测试一下):

    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        oldPosition = viewHolder.getAdapterPosition();
        if ( oldPosition > POSITION_UNKNOWN) {
            if ( newPosition != target.getAdapterPosition() ) {
                newPosition = target.getAdapterPosition();
                return true;
            }
        }
        return false;
    }
    

    只有当onMove() 返回TRUE 时,在随后调用的Callback 中onMoved()。正是在那个方法中,我调用了我的 onViewMoved() 实现:

    @Override
    public void onMoved(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder, int fromPos, @NonNull RecyclerView.ViewHolder target, int toPos, int x, int y) {
        super.onMoved(recyclerView, viewHolder, fromPos, target, toPos, x, y);
        implementor.onViewMoved(fromPos, toPos);
    }
    

    这就是我解决需要将所有onMove() 回调合并到单个更新中的第一个问题的方法。我现在只接到一个电话,因为用户在各个视图上拖动。

    关于第二个问题 - 和你一样,我已经禁用了 RealmRecyclerView 中的数据监听。我使用文章中的技术来利用我的视图中的图像来煽动拖动(在我的例子中,它是代表 recyclerview 中的单个条目的缩略图)。这是 onBindViewHolder() 方法的最后一步:

            holder.getMediaImageView().setOnTouchListener((View view, MotionEvent motionEvent) -> {
                if (motionEvent.getAction()== MotionEvent.ACTION_DOWN) {
                    // Turn off the data change listener within the RealmRecyclerViewAdapter superclass, so that
                    // when we make changes via the drag it doesn't automatically update - we will handle that manually
                    onDetachedFromRecyclerView(mMediaRecyclerView);
                    mItemTouchHelper.startDrag(holder);
                }
                return false;
            });
    

    现在当我的 onViewMoved() 方法被调用时,我可以手动调整数据模型并通知适配器:

        public void onViewMoved(int oldPosition, int newPosition) {
            Timber.d("Recognized a movement to a new position: old position, new position is: %d, %d", oldPosition, newPosition);
            MediaDataMgr.get().moveMediaInPlaylist(oldPosition, newPosition, mPlaylist.getId());
            // RealmRecyclerViewAdapter is no longer automatically notified when underlying data changes, so need to make notify()* calls here
            notifyItemMoved(oldPosition, newPosition);
        }
    

    MediaDataManager 是我编写的一个类,它整合了我所有的 Realm 访问权限。这是我如何执行此操作的示例(以及确保我从当前所在的同一线程调用 Realm 的技术):

    public void moveMediaInPlaylist(int from, int to, String playlistId) {
        boolean success = false;
        boolean mainThread = Thread.currentThread().equals(Looper.getMainLooper().getThread());
        Realm realm = null;
        if (mainThread) {
            realm = mUIThreadRealm;
        } else {
            realm = Realm.getDefaultInstance();
        }
        try {
            Playlist p = getPlaylist(playlistId);
            if ( p== null) {
                throw new Exception("Error retrieving playlist with ID: "+ playlistId );
            }
            realm.beginTransaction();
            p.getMediaList().move(from, to);
            success = true;
        } catch (Exception e) {
            Timber.d( "Exception deleting a Media in Playlist: %s", e.getMessage());
            success = false;
        } finally {
            if ( success ) {
                realm.commitTransaction();
            } else {
                realm.cancelTransaction();
            }
            if (!mainThread) {
                realm.close();
            }
        }
    }
    

    然后当在回调中调用 clearView() 时,我通过接口定义将其转发给适配器。在回调中:

    public void clearView(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
        super.clearView(recyclerView, viewHolder);
        oldPosition = POSITION_UNKNOWN;
        newPosition = POSITION_UNKNOWN;
        implementor.onClearView(recyclerView, viewHolder);
    }
    

    在接口的适配器实现中,我使用它来重新附加数据侦听器:

        public void onClearView(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
            // reset RealmRecyclerViewAdapter data listener
            onAttachedToRecyclerView(mMediaRecyclerView);
        }
    

    现在我可以得到一个看起来很流畅的动画,只在使用 Realm 将项目拖到回收视图中时实时更新数据库一次:

    【讨论】:

    • 我已经设法通过不使用 RealmRecyclerViewAdapter 的侦听器来使其工作。问题是这样的:用户通过UI拖动一个项目并更改项目的顺序(数据库中的项目保持不变)->为了将用户界面中项目的顺序与数据库中的顺序同步,我们执行一个realm事务(UI和DB同步)->realm弹出通知->通知适配器并再次执行UI中的项目更改->项目再次更改,用户感到困惑。没有监听器 -> 没有同步问题(尽管完全不需要基类)。
    • 这可能是一个奇怪的修复,但现在它可以完美运行。应该有一个通过 Realm 本身的解决方案,但我认为这不会很快发生
    猜你喜欢
    • 1970-01-01
    • 2015-02-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多