几个月前,我写了一篇文章《Android 可拖拽悬浮吸附按钮》这篇文章的实现方式有点影响性能,介于当时的能力不足也是有一定原因的。这几天重新实现了一种效果更好的方式,这种方式的优点是,你可以就像使用普通的控件的一样使用它(实际上它就是普通的控件)并且满足按钮点击效果,代码上也大大的比之前简化了。记得之前的方式 应为事件被改写了还得单独写一个接口来用来判断点击事件。
实现思路
- 通过重写控件的onTouchEvent方法监听触摸效果。
- 通过View的setX()和setY()方法实现移动。
- 使用属性动画实现边缘吸附效果。
源代码没多少行,这里先把代码线上。此处我是继承了FloatingActionButton,使它拥有了拖拽移动的功能。
public class DragFloatActionButton extends FloatingActionButton{
private int parentHeight;
private int parentWidth;
public DragFloatActionButton(Context context) {
super(context);
}
public DragFloatActionButton(Context context, AttributeSet attrs) {
super(context, attrs);
}
public DragFloatActionButton(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
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){
isDrag=false;
break;
}else {
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>parentWidth-getWidth()?parentWidth-getWidth():x;
y=getY()<0?0:getY()+getHeight()>parentHeight?parentHeight-getHeight():y;
setX(x);
setY(y);
lastX=rawX;
lastY=rawY;
Log.i("aa","isDrag="+isDrag+"getX="+getX()+";getY="+getY()+";parentWidth="+parentWidth);
break;
case MotionEvent.ACTION_UP:
if(!isNotDrag()){
//恢复按压效果
setPressed(false);
//Log.i("getX="+getX()+";screenWidthHalf="+screenWidthHalf);
if(rawX>=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();
}
}
break;
}
//如果是拖拽则消s耗事件,否则正常传递即可。
return !isNotDrag() || super.onTouchEvent(event);
}
private boolean isNotDrag(){
return !isDrag&&(getX()==0
||(getX()==parentWidth-getWidth()));
}
}
代码很简单,
手指按下
首先是处理手指按压下的事件,这里我们把拖拽标识符设置为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
网友评论
https://blog.csdn.net/LosingCarryJie/article/details/82228285
lastX = parentWidth - getWidth();防止出现松开手后按钮滑出右侧屏幕的动画
这一行在测试时发现如果滑动过快 控件可能会超出屏幕范围 换成
y=y<0?0:y>parentHeight-getHeight()?parentHeight-getHeight():y;
不知博主认为是否可行
//这里修复一些华为手机无法触发点击事件
int distance = (int) Math.sqrt(dx * dx + dy * dy);
if (distance < 10) {
isDrag = false;
break;
}
把distance =0改成<一个值就好了,感谢楼主的热情回答
第二部:修改 MotionEvent.ACTION_UP 以后的代码如下:
case MotionEvent.ACTION_UP:
//恢复按压效果
setPressed(false);
if (rawX >= 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();
}
break;
}
//如果是拖拽则消s耗事件,否则正常传递即可。
return !isDrag || super.onTouchEvent(event);
这是什么状态的高度啊?