安卓可拖拽悬浮按钮

最新推荐文章于 2024-08-13 02:06:59 发布

sinat_28263953

最新推荐文章于 2024-08-13 02:06:59 发布

阅读量1.1k

点赞数

几个月前，我写了一篇文章《Android 可拖拽悬浮吸附按钮》这篇文章的实现方式有点影响性能，介于当时的能力不足也是有一定原因的。这几天重新实现了一种效果更好的方式，这种方式的优点是，你可以就像使用普通的控件的一样使用它（实际上它就是普通的控件）并且满足按钮点击效果，代码上也大大的比之前简化了。记得之前的方式应为事件被改写了还得单独写一个接口来用来判断点击事件。

实现思路

通过重写控件的onTouchEvent方法监听触摸效果。
通过View的setX()和setY()方法实现移动。
使用属性动画实现边缘吸附效果。

源代码没多少行，这里先把代码线上。此处我是继承了FloatingActionButton，使它拥有了拖拽移动的功能。

public class DragFloatActionButton extends FloatingActionButton{

    private int screenWidth;
    private int screenHeight;
    private int screenWidthHalf;
    private int statusHeight;

    public DragFloatActionButton(Context context) {
        super(context);
        init();
    }

    public DragFloatActionButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public DragFloatActionButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init(){
        screenWidth= DisplayUtil.getMobileWidth(getContext());
        screenWidthHalf=screenWidth/2;
        screenHeight=DisplayUtil.getMobileHeight(getContext());
        statusHeight=DisplayUtil.getStatusHeight((Activity) getContext());
    }

    private int lastX;
    private int lastY;

    private boolean isDrag;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int rawX = (int) event.getRawX();
        int rawY = (int) event.getRawY();
        switch (event.getAction() & MotionEvent.ACTION_MASK) {
            case MotionEvent.ACTION_DOWN:
                isDrag=false;
                getParent().requestDisallowInterceptTouchEvent(true);
                lastX=rawX;
                lastY=rawY;
                break;
            case MotionEvent.ACTION_MOVE:
                isDrag=true;
                //计算手指移动了多少
                int dx=rawX-lastX;
                int dy=rawY-lastY;
                //这里修复一些华为手机无法触发点击事件的问题
                int distance= (int) Math.sqrt(dx*dx+dy*dy);
                if(distance==0){
                    isDrag=false;
                    break;
                }
                float x=getX()+dx;
                float y=getY()+dy;
                //检测是否到达边缘 左上右下
                x=x<0?0:x>screenWidth-getWidth()?screenWidth-getWidth():x;
                y=y<statusHeight?statusHeight:y+getHeight()>screenHeight?screenHeight-getHeight():y;
                setX(x);
                setY(y);
                lastX=rawX;
                lastY=rawY;
                //Log.i("getX="+getX()+";getY="+getY()+";screenHeight="+screenHeight);
                break;
            case MotionEvent.ACTION_UP:
                if(isDrag){
                    //恢复按压效果
                    setPressed(false);
                    Log.i("getX="+getX()+"；screenWidthHalf="+screenWidthHalf);
                    if(rawX>=screenWidthHalf){
                        animate().setInterpolator(new DecelerateInterpolator())
                                .setDuration(500)
                                .xBy(screenWidth-getWidth()-getX())
                                .start();
                    }else {
                        ObjectAnimator oa=ObjectAnimator.ofFloat(this,"x",getX(),0);
                        oa.setInterpolator(new DecelerateInterpolator());
                        oa.setDuration(500);
                        oa.start();
                    }
                }
                break;
        }
       //如果是拖拽则消耗事件，否则正常传递即可。
        return isDrag || super.onTouchEvent(event);
    }
}

代码很简单，

手指按下

首先是处理手指按压下的事件，这里我们把拖拽标识符设置为false并记录当前点击的屏幕坐标。然后我们在移动事件处。

手指移动

这里我们把拖拽标识符设置为true，因为手指移动了。然后我们需要计算手指移动了多少偏移量

//计算手指移动了多少
int dx=rawX-lastX;
int dy=rawY-lastY;

而后的两行代码表示控件需要移动的具体距离，后面有一个简单的边缘检测计算。最终通过调用setX以及setY方法实现控件的移动。

手指松开

这里如果是拖拽动作我们才需要处理自己的逻辑否则直接跳过即可。在这里我们首先恢复了按钮的按压效果，在源代码中找到 setPressed(boolean) 方法，这是处理按钮点击效果用的，在这里当手指松开后我们需要恢复按钮原来的效果。然后在判断控件需要往哪边吸附，吸附的过程就是做属性动画而已，原理还是不断的改变setX方法让按钮靠边移动