触摸图标随着手指移动

关注

原创最新推荐文章于 2026-04-18 10:08:24 发布 877 阅读 AI 写同款· GEO 优化 ›

图标在一定区域内的拖拽功能为什么要做这个? 我们在做那个悬浮按钮或者是悬浮菜单时，往往会想让它在一定范围内进行拖拽功能。。。拖拽功能的原理（移动端）原理就是通过监听手势触摸屏幕时记录初始触摸点的坐标，在移动时点的坐标，两个坐标进行计算得出最后点的坐标，即得出图标的位置。代码显示 function moveanyway(){ // 获取节点 var block = document.get 阅读详情

mImageViewfloat.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        Log.d(TAG, "onTouch: mImageViewfloat" + event.getRawX() + "--" + event.getRawY());

        long l = 0;
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            downX = event.getRawX();
            downY = event.getRawY();
            l = System.currentTimeMillis();
            Log.d(TAG, "onTouch:downY +" + downX + "--" + downY);
        }

        if (event.getAction() == MotionEvent.ACTION_MOVE) {
            moveX = event.getRawX();
            moveY = event.getRawY();
            Log.d(TAG, "onTouch: moveY+" + moveX + "--" + moveY);
            float x = v.getX() + (moveX - downX);
            //到达边框的左右两边
            if ((x + v.getWidth()) >= width || x <= 0) {
                v.setX(v.getX());
            } else {
                v.setX(x);
            }
            float y = v.getY() + (moveY - downY);
            //到达边框的上下两边
            if ((y + v.getHeight()) >= height || y <= mListView.getTop()) {
                v.setY(v.getY());
            } else {
                v.setY(y);
            }
            downX = moveX;
            downY = moveY;
        }
        return false;
    }
});