Android View的拖动

来源:互联网 发布:淘宝孕妇装店铺排行 编辑:程序博客网 时间:2024/06/04 23:33

Demo下载地址:http://download.csdn.net/detail/u011634756/5959637 (免积分哦~)
-----------------------------华丽的分割线---------------------------------
一. 骨头

123
1. view的拖动首先我们的获取拖动的坐标即 : onTouchEvent 事件2. 坐标获取到了,那么我们需要把坐标给实现 即: View.layout(left, top, right, bottom);3. 在实现这个坐标的时候我们的有一个小小的逻辑 即: 移动的距离和坐标的转换

二. 肉

12
1. OnTouchListener 这个的实现就不赘述2. 讲一下View.layout(left, top, right, bottom)  这四个参数

图片说明文字

从上图中可以很清晰的看到 left, top, right, bottom 4个分别是对应的是和父View的距离。
为了证明我们说的是对的,这里我们的demo中进行了研究
当固定X轴的时候 ,也就是 left = 0 right = view的宽度

1
v.layout(0, top, v.getWidth(), bottom);

当拖动的时候一直是在方框的最左边一直在上下移动

当固定Y轴的时候 , 也就是 top = 0 ; bottom= view的高度

1
v.layout(left, 0, right, v.getHeight());

当拖动的时候一直是在方框的最顶端左右移动
注意: 我们的父组件是那个方框 上下左右都有空隙的哦, 大家一定要哈下满的getRawX 区分开来

1
3. 小逻辑

在拖动的时候 我们有一个MotionEvent.getX()和 MotionEvent.getRawX() ,这个应该也有好多小伙伴不明白,下面上图讲述看一下
图片说明文字
结论:getX是获取以widget左上角为坐标原点计算的X轴坐标直.
getRawX 获取的是以屏幕左上角为坐标原点计算的X轴坐标直.
在详细一点可以去这个博文看一下

1
4. 主要的源码

 1 2 3 4 5 6 7 8 9101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
/** * 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坐标     * 这个地方如果不明白会在博客上图说明。     */    @Override    public 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;    }}

1
5. 效果图

图片说明文字

====================关注小鱼===================
新浪微博:http://weibo.com/AwareMissing
腾讯微博:http://t.qq.com/y_haiyang

0 0
原创粉丝点击