结合BaseRecyclerViewAdapterHelper实现长按拖动


public class ItemDragUseActivity extends AppCompatActivity {
   

    private String TAG = this.getClass().getName();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_drag);
        RecyclerView mRecyclerView = (RecyclerView) findViewById(R.id.rv_list);
//        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));
        List<String> mData = generateData(50);
        OnItemDragListener listener = new OnItemDragListener() {
   
            @Override
            public void onItemDragStart(RecyclerView.ViewHolder viewHolder, int pos) {
   
                Log.d(TAG, "drag start");
                BaseViewHolder holder = ((BaseViewHolder) viewHolder);
//                holder.setTextColor(R.id.tv, Color.WHITE);
            }

            @Override
            public void onItemDragMoving(RecyclerView.ViewHolder source, int from, RecyclerView.ViewHolder target, int to) {
   
                Log.d(TAG, "move from: " + source.getAdapterPosition() + " to: " + target.getAdapterPosition());
            }

            @Override
            public void onItemDragEnd(RecyclerView.ViewHolder viewHolder, int pos) {
   
                Log.d(TAG, "drag end");
                BaseViewHolder holder = ((BaseViewHolder) viewHolder);
//                holder.setTextColor(R.id.tv, Color.BLACK);
            }
        };
        BaseItemDraggableAdapter<String, BaseViewHolder> draggableAdapter = new BaseItemDraggableAdapter<String, BaseViewHolder>(R.layout.item_drag,mData) {
   
            @Override
            protected void convert(@NonNull BaseViewHolder helper, String item) {
   
                helper.setText(R.id.tv, item +"");
            }
        };
        ItemDragAndSwipeCallback itemDragAndSwipeCallback = new ItemDragAndSwipeCallback(draggableAdapter);
        ItemTouchHelper itemTouchHelper = new ItemTouchHelper(itemDragAndSwipeCallback);
        itemTouchHelper.attachToRecyclerView(mRecyclerView);//绑定recyclerview
        //可以不用设置,默认就是这个
        itemDragAndSwipeCallback.setDragMoveFlags(ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT);

        draggableAdapter.enableDragItem(itemTouchHelper);
        draggableAdapter.setOnItemDragListener(listener);

        mRecyclerView.setAdapter(draggableAdapter);

    }

    private List<String> generateData(int i) {
   
        ArrayList<String> strings = new ArrayList<>(i);
        for (int j = 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现移动端 JavaScript 实现拖动,可以使用 touchstart、touchmove、touchend 事件来实现,具体的实现步骤如下: 1. 给需要拖动的元素添加 touchstart 事件,并记录开始触摸的时间戳。 2. 给需要拖动的元素添加 touchmove 事件,在事件处理函数中,判断当前触摸点的坐标与开始触摸点的坐标的距离是否超过一定的阈值,如果超过了阈值,就认为用户开始按并移动元素,此时可以将元素的位置进行更新。 3. 给需要拖动的元素添加 touchend 事件,在事件处理函数中,判断当前触摸点离开时间与开始触摸的时间戳之差是否超过一定的阈值,如果超过了阈值,就认为用户已经松开了按,并完成了拖动操作。 下面是一个简单的实现示例代码: ```javascript // 获取需要拖动的元素 var box = document.getElementById('box'); // 记录开始触摸的时间戳和元素的位置 var startTimestamp = 0; var startX = 0; var startY = 0; // 给元素添加 touchstart 事件 box.addEventListener('touchstart', function(event) { // 记录开始触摸的时间戳和元素的位置 startTimestamp = event.timeStamp; startX = event.touches[0].pageX; startY = event.touches[0].pageY; }); // 给元素添加 touchmove 事件 box.addEventListener('touchmove', function(event) { // 判断是否已经开始按 if (event.timeStamp - startTimestamp > 500) { // 计算当前触摸点与开始触摸点的距离 var distanceX = event.touches[0].pageX - startX; var distanceY = event.touches[0].pageY - startY; // 更新元素的位置 box.style.transform = 'translate(' + distanceX + 'px, ' + distanceY + 'px)'; } }); // 给元素添加 touchend 事件 box.addEventListener('touchend', function(event) { // 判断是否已经开始按 if (event.timeStamp - startTimestamp > 500) { // 完成拖动操作 console.log('拖动完成'); } }); ``` 这是一个简单的示例,实际上还可以根据需求进行更复杂的操作,比如添加 touchcancel 事件,处理多点触控等情况。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值