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