Android小技巧:实现View的拖拽

前言

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

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

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

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

  • 给view设置补间动画,动画时间为0.(不推荐,因为移动的只是view的影子,本地还在原地)
  • 更改view 的margin。(不推荐,会影响viewgroup的布局排布)
  • 根据属性动画原理,更改setTranslationX和setTranslationY.(推荐此方法,不会影响原理的布局排布)

代码

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();
    }
}

上一篇:可视化异常处理——Note_4


下一篇:八数码