一. 骨头

1. view的拖动首先我们的获取拖动的坐标即 : onTouchEvent 事件
2. 坐标获取到了，那么我们需要把坐标给实现即: View.layout(left, top, right, bottom);

3. 在实现这个坐标的时候我们的有一个小小的逻辑即：移动的距离和坐标的转换

二. 肉

1. OnTouchListener 这个的实现就不赘述了

2. 讲一下View.layout(left, top, right, bottom) 这四个参数

从上图中可以很清晰的看到 left, top, right, bottom 4个分别是对应的是和父View的距离而不是屏幕左上角的距离。

为了证明我们说的是对的，这里我们的demo中进行了研究

当固定X轴的时候，也就是 left = 0 right = view的宽度
v.layout(0, top, v.getWidth(), bottom);
当拖动的时候一直是在方框的最左边一直在上下移动

当固定Y轴的时候，也就是 top = 0 ； bottom= view的高度
v.layout(left, 0, right, v.getHeight());
当拖动的时候一直是在方框的最顶端左右移动

注意：我们的父组件是那个方框上下左右都有空隙的哦，大家一定要哈下满的getRawX 区分开来

3. 小逻辑

在拖动的时候我们有一个MotionEvent.getX()和 MotionEvent.getRawX() ,这个应该也有好多小伙伴不明白，下面上图讲述看一下

结论：getX是获取以widget左上角为坐标原点计算的Ｘ轴坐标直．
getRawX 获取的是以屏幕左上角为坐标原点计算的Ｘ轴坐标直．

在详细一点可以去这个博文看一下

4. 主要的源码

/** * onTouchEvent的监听事件， * 拖动的主要实现方法 * @author yuhaiyang */private class MyOnTouchListener implements OnTouchListener{/** * 这有一点要说明的是 ****小理解点******* * 1. event.getX : 是以 widget（控件） 的左上角 为 原点的 X坐标 *    event.getRawX() : 是以 屏幕左上角 为原点的 X坐标 * 2. View.layout(left, top, right, bottom); * left   ：   控件左端以   父  控件的 左上角为原点的X坐标 * top    ：   控件顶端以   父  控件的 左上角为原点的Y坐标 * right  ：   控件右端以   父  控件的 左上角为原点的X坐标 * bottom ：  控件底端以   父  控件的 左上角为原点的Y坐标 * 这个地方如果不明白会在博客上图说明。 */@Overridepublic boolean onTouch(View v, MotionEvent event) {/** * 这个地方的逻辑是： * 在 down 的时候记录一下距离屏幕左上角的距离 * 然后move的时候来再来计算一下距离 * 2着的差值就是分别 x轴和y轴移动的距离 */switch(event.getAction()){case MotionEvent.ACTION_DOWN ://   按下的时候距离屏幕左上角的距离lastX = (int) event.getRawX();lastY = (int) event.getRawY();break;case MotionEvent.ACTION_MOVE ://   移动的时候距离屏幕左上角的距离int nowX = (int)event.getRawX();int nowY = (int)event.getRawY();// X轴和Y轴移动的距离int moveX = nowX - lastX;int moveY = nowY -lastY;// 分别计算距离int top = v.getTop() + moveY;int bottom = v.getBottom() + moveY;int left =  v.getLeft() + moveX;int right = v.getRight() + moveX;// 这个地方是控制 那个轴固定的的 if(mFix == FIX_X){v.layout(0, top, v.getWidth(), bottom);}else if (mFix == FIX_Y){v.layout(left, 0, right, v.getHeight());}else{v.layout(left, top, right, bottom);}lastX = (int) event.getRawX();lastY = (int) event.getRawY();break;case MotionEvent.ACTION_UP:break;}return false;}}

5. 效果图

====================关注小鱼===================

新浪微博：http://weibo.com/AwareMissing

腾讯微博：http://t.qq.com/y_haiyang

[Android-Demo]Android(安卓)View的拖动

一. 骨头

二. 肉

1. OnTouchListener 这个的实现就不赘述了

2. 讲一下View.layout(left, top, right, bottom) 这四个参数

3. 小逻辑

4. 主要的源码

5. 效果图

更多相关文章

随机推荐