安卓可拖拽悬浮按钮二

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

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

源代码没多少行,这里先把代码线上。此处我是继承了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方法让按钮靠边移动

总结

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

PS1:
最近发现在部分华为手机上无法触发点击事件,调试发现当我手指按压的时候会一直触发MotionEvent.ACTION_MOVE事件而事实上我手指一点都没有动,且Log出现的数据显示移动距离一直是0.坑爹。只能加一个距离判断了。上面的代码已经修复了这个问题。
PS2:
修复拖拽到中心点的时候长按不会吸附到边缘的问题,
优化实现定义,准确的说是让view在父控件中任意拖拽。

欢迎共同探讨更多安卓,java,c/c++相关技术QQ群:392154157

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,035评论 25 709
  • 林小刀159阅读 1,859评论 0 3
  • 今天有去链接到,我觉得自我管理做的很好的朋友,是通过重生星球 今晚上去上零起点课程,感觉好快乐,自己大声讲了英语,...
    思思培阅读 1,189评论 0 0
  • 在火车上完成了新概念的作业,不在乎别人的眼光,做自己,感觉棒棒的。思维导图如果深入钻研下去,我觉得肯定会对英语学习...
    小花猫和多多阅读 1,859评论 5 1