Android小技巧:实现View的拖拽

前言

实现View的拖拽，其实原理很简单。无非就是获取手指的位移信息，然后view根据手指的位移信息，移动对应的位置。

首先是获取手机的位移信息就可以根据需求不同分为两种

• 拖拽view本身，view实现移动。则设置view的setOnTouchListener。
• 在activity中随意滑动，view都会反应出动作。则重写activity onTouchEvent方法。

而移动的方法嘛，也有几种

• 给view设置补间动画，动画时间为0.（不推荐，因为移动的只是view的影子，本体还在原地）
• 更改view 的margin。（不推荐，会影响viewgroup的布局排布）
• 根据属性动画原理，更改setTranslationX和setTranslationY.(推荐此方法，不会影响原有的布局排布)
• 使用view的layout方法（此方法也同样不会影响，整体的布局）
• 使用view的offsetLeftAndRight，offsetTopAndBottom 方法（推荐此方法，是layout的进化版本）

代码

public class ViewTestActivity extends AppCompatActivity {
    private static final String TAG = "ViewTestActivity";
    private TextView mTv1,mTv2;
    private double lastx,lastY;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_test);
        mTv1= (TextView) findViewById(R.id.tv01);
        mTv1.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                double x=event.getRawX();
                double y=event.getRawY();
                Log.d(TAG, "onTouch: "+event.getAction());
                if (event.getAction()==MotionEvent.ACTION_DOWN){
                    lastx=x;
                    lastY=y;
                }else if (event.getAction()==MotionEvent.ACTION_MOVE){
                    double dx=x-lastx;
                    double dy=y-lastY;
                    Log.d(TAG, "onTouch: dx=="+dx+",dy=="+dy);
//            startAnimation(dx,dy);

                    //  moveMethod1(dx, dy);
                    moveMethod2(dx, dy);

                    lastx=x;
                    lastY=y;
                }
                return true;
            }
        });
    }

//    @Override
//    public boolean onTouchEvent(MotionEvent event) {
//        double x=event.getRawX();
//        double y=event.getRawY();
//        Log.d(TAG, "onTouch: "+event.getAction());
//        if (event.getAction()==MotionEvent.ACTION_DOWN){
//            lastx=x;
//            lastY=y;
//        }else if (event.getAction()==MotionEvent.ACTION_MOVE){
//            double dx=x-lastx;
//            double dy=y-lastY;
//            Log.d(TAG, "onTouch: dx=="+dx+",dy=="+dy);
            startAnimation(dx,dy);
//
//          //  moveMethod1(dx, dy);
//            moveMethod2(dx, dy);
//
//            lastx=x;
//            lastY=y;
//        }
//        return true;
//    }

    //根据属性动画的原理
    private void moveMethod2(double dx, double dy) {
        
        mTv1.setTranslationX((float) (mTv1.getTranslationX()+dx));
        mTv1.setTranslationY((float) (mTv1.getTranslationY()+dy));
    }
    
    //根据margin 原理
    private void moveMethod1(double dx, double dy) {
        ViewGroup.MarginLayoutParams marginLayoutParams= (ViewGroup.MarginLayoutParams) mTv1.getLayoutParams();
        marginLayoutParams.leftMargin+=dx;
        marginLayoutParams.topMargin+=dy;
        mTv1.setLayoutParams(marginLayoutParams);
    }

    private void startAnimation(double dx, double dy) {
        ObjectAnimator objectAnimator=ObjectAnimator.ofFloat(mTv1,"translationX", (float) (mTv1.getTranslationX()+dx)).setDuration(3000);
        objectAnimator.start();

        ObjectAnimator objectAnimator2=ObjectAnimator.ofFloat(mTv1,"translationY", (float) (mTv1.getTranslationY()+dy)).setDuration(3000);
        objectAnimator2.start();
    }
}

layout方法

        imageView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
            	//此方法获取的是手指相对于view的左上角的x,y值
                int x = (int) event.getX();
                int y = (int) event.getY();
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        lastX = x;
                        lastY = y;
                        break;
                    case MotionEvent.ACTION_MOVE:
                        int offsetX = x - lastX;
                        int offsetY = y - lastY;
                        imageView.layout(imageView.getLeft() + offsetX, imageView.getTop() + offsetY, imageView.getRight() + offsetX, imageView.getBottom() + offsetY);
                        break;
                }

                return true;
            }
        });

offsetLeftAndRight，offsetTopAndBottom 方法

此方法和layout方法相比，只需要把layout方法，拆分成offsetLeftAndRight和offsetTopAndBottom方法即可

        imageView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                int x = (int) event.getX();
                int y = (int) event.getY();
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        lastX = x;
                        lastY = y;
                        break;
                    case MotionEvent.ACTION_MOVE:
                        int offsetX = x - lastX;
                        int offsetY = y - lastY;
                        imageView.offsetLeftAndRight(offsetX);
                        imageView.offsetTopAndBottom(offsetY);
                        //imageView.layout(imageView.getLeft() + offsetX, imageView.getTop() + offsetY, imageView.getRight() + offsetX, imageView.getBottom() + offsetY);
                        break;
                }

                return true;
            }
        });