Android View拖拽 Android实现View的拖拽

时间:2021-04-22 lanlengran蓝冷然人气:0

前言

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

加载全部内容