安卓可拖拽悬浮按钮二

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

  • 通过重写控件的 onTouchEvent 方法监听触摸效果。
  • 通过 View setX() setY() 方法实现移动。
  • 使用属性动画实现边缘吸附效果。
  • 源代码没多少行,这里先把代码线上。此处我是继承了 FloatingActionButton ,使它拥有了拖拽移动的功能。

    public class DragFloatActionButton extends FloatingActionButton{
        private int parentHeight;
        private int parentWidth;
        private int slop;
        public DragFloatActionButton(Context context) {
            this(context,null);
        public DragFloatActionButton(Context context, AttributeSet attrs) {
            this(context, attrs,0);
        public DragFloatActionButton(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            slop=ViewConfigurationCompat.getScaledPagingTouchSlop(ViewConfiguration.get(context));
        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:
                    setPressed(true);
                    isDrag=false;
                    getParent().requestDisallowInterceptTouchEvent(true);
                    lastX=rawX;
                    lastY=rawY;
                    ViewGroup parent;
                    if(getParent()!=null){
                        parent= (ViewGroup) getParent();
                        parentHeight=parent.getHeight();
                        parentWidth=parent.getWidth();
                    break;
                case MotionEvent.ACTION_MOVE:
                    if(parentHeight<=0||parentWidth<=0){
                        //如果不存在父类的宽高则无法拖动,默认直接返回false
                        isDrag=false;
                        break;
                    int dx=rawX-lastX;
                    int dy=rawY-lastY;
                    //这里修复一些华为手机无法触发点击事件
                    int distance= (int) Math.sqrt(dx*dx+dy*dy);
                    //此处稍微增加一些移动的偏移量,防止手指抖动,误判为移动无法触发点击时间
                    if(distance==0||distance<=slop){
                        isDrag=false;
                        break;
                    //程序到达此处一定是正在拖动了
                    isDrag=true;
                    float x=getX()+dx;
                    float y=getY()+dy;
                    //检测是否到达边缘 左上右下
                    x=x<0?0:x>parentWidth-getWidth()?parentWidth-getWidth():x;
                    y=getY()<0?0:getY()+getHeight()>parentHeight?parentHeight-getHeight():y;
                    setX(x);
                    setY(y);
                    lastX=rawX;
                    lastY=rawY;
                    break;
                case MotionEvent.ACTION_UP:
                    if(isDrag()){
                        //恢复按压效果
                        setPressed(false);
                    welt(rawX);
                    break;
            //如果是拖拽则消耗事件,否则正常传递即可。
            return isDrag() || super.onTouchEvent(event);
        private boolean isDrag(){
            return isDrag;
        private boolean isLeftSide(){
            return getX()==0;
        private boolean isRightSide(){
            return getX()==parentWidth-getWidth();
        private void welt(int currentX){
            if(!isLeftSide()||!isRightSide()){
                if(currentX>=parentWidth/2){
                //靠右吸附
                animate().setInterpolator(new DecelerateInterpolator())
                    .setDuration(500)
                    .xBy(parentWidth-getWidth()-getX())
                    .start();
                }else {
                    //靠左吸附
                    ObjectAnimator oa=ObjectAnimator.ofFloat(this,"x",getX(),0);
                    oa.setInterpolator(new DecelerateInterpolator());
                    oa.setDuration(500);
                    oa.start();
    

    代码很简单,
    首先是处理手指按压下的事件,这里我们把拖拽标识符设置为false并记录当前点击的屏幕坐标。然后我们在处理移动事件。
    这里我们把拖拽标识符设置为true,因为手指移动了。然后我们需要计算手指移动了多少偏移量

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

    而后的两行代码表示控件需要移动的具体距离,后面有一个简单的边缘检测计算。最终通过调用setX以及setY方法实现控件的移动。
    这里如果是拖拽动作我们才需要处理自己的逻辑否则直接跳过即可。在这里我们首先恢复了按钮的按压效果,在源代码中找到setPressed(boolean)方法,这是处理按钮点击效果用的,在这里当手指松开后我们需要恢复按钮原来的效果。然后在判断控件需要往哪边吸附,吸附的过程就是做属性动画而已,原理还是不断的改变setX方法让按钮靠边移动

    这种实现方式,我们能正常的使用控件的单击时间和长按事件,因为只有当控件拖拽的时候我们才自己消耗事件否则全部交给系统处理。这是一种比较好的实现方式,通过这个例子其实我们还能实现更多的控件移动效果。事实上只需要改变所继承的控件类型就可以了