Android 简单实现可全屏拖动,可点击的View
首先,我们都知道,拖动一个view,需要给它设置touchListener,或者重写他的touchEvent。我们以ImageView为例,自定义一个DragView,继承ImageView。
单纯的只是想让view拖动,我们只需要在ACTION_DOWN中记录初始位置,在ACTION_MOVE中记录拖动后手指移动的距离,计算出这个move操作后哦,view的四个边界坐标应该所在的位置,然后layout一遍。
case MotionEvent.ACTION_DOWN:
downX = event.getX();
downY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
//width和height为控件的宽高
final float xDistance = event.getX() - downX;
final float yDistance = event.getY() - downY;
int l,r,t,b;
l = (int) (getLeft() + xDistance);
r = l+width;
t = (int) (getTop() + yDistance);
b = t+height;
this.layout(l, t, r, b);
break;
当我们如此实现后,发现view拖动到超出边缘位置的时候,出现各种显示不正常的问题。所以,我们需要控制view的layout,不能超过父控件的边界。注意了,我们不能超出的,是父控件的边界,可是我们在这个自定义的拖动控件中,我们是无法获取父view的宽高的。所以真正想实现这么一个在规定区域内随意拖动的控件,应该是自定义ViewGroup,而不是自定义View。
我们这里假设拖动的区域是全屏来演示下思路,这样父容器的宽高就需要设置成全屏了。
全屏的宽高是多少,我们用一些工具类就可以算出。
import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ImageView;
/**
*Created by KID on 2017/11/14.
*随意拖动的view
*/
@SuppressLint("AppCompatCustomView")
public class DragView extends ImageView {
private int width;
private int height;
private int screenWidth;
private int screenHeight;
private Context context;
//是否拖动
private boolean isDrag=false;
public boolean isDrag() {
return isDrag;
}
public DragView(Context context, AttributeSet attrs) {
super(context, attrs);
this.context=context;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
width=getMeasuredWidth();
height=getMeasuredHeight();
screenWidth= ScreenUtil.getScreenWidth(context);
screenHeight=ScreenUtil.getScreenHeight(context)-getStatusBarHeight();
}
public int getStatusBarHeight(){
int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
return getResources().getDimensionPixelSize(resourceId);
}
private float downX;
private float downY;
@Override
public boolean onTouchEvent(MotionEvent event) {
super.onTouchEvent(event);
if (this.isEnabled()) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
isDrag=false;
downX = event.getX();
downY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
Log.e("kid","ACTION_MOVE");
final float xDistance = event.getX() - downX;
final float yDistance = event.getY() - downY;
int l,r,t,b;
//当水平或者垂直滑动距离大于10,才算拖动事件
if (Math.abs(xDistance) >10 ||Math.abs(yDistance)>10) {
Log.e("kid","Drag");
isDrag=true;
l = (int) (getLeft() + xDistance);
r = l+width;
t = (int) (getTop() + yDistance);
b = t+height;
//不划出边界判断,此处应按照项目实际情况,因为本项目需求移动的位置是手机全屏,
// 所以才能这么写,如果是固定区域,要得到父控件的宽高位置后再做处理
if(l<0){
l=0;
r=l+width;
}else if(r>screenWidth){
r=screenWidth;
l=r-width;
}
if(t<0){
t=0;
b=t+height;
}else if(b>screenHeight){
b=screenHeight;
t=b-height;
}
this.layout(l, t, r, b);
}
break;
case MotionEvent.ACTION_UP:
setPressed(false);
break;
case MotionEvent.ACTION_CANCEL:
setPressed(false);
break;
}
return true;
}
return false;
}
}
在onMeasure的时候,获取控件的宽高,至于屏幕宽高(拖动区域的宽高)可同样在此,或者在构造方法中获取。我们在ACTION_MOVE中,算出view的四个坐标应该移动到的位置后,判断是否越界,如果越界,则将越界的那个坐标替换成边界坐标,再设置其他三个点。这样我们就实现了——不越界。
isDrag的作用是,判断何时响应点击事件。
到此,我们的功能基本实现了,在ACTION_MOVE判断下最短滑动距离,可以让我们的拖动事件和手指按出静止时区分的更加严谨。
= =别问我为什么不直接写个自定义ViewGroup,我的需求刚好就是全屏拖动一个悬浮窗。写成ViewGroup还需要考虑这个ViewGroup是套在最外面,还是仅仅套一个拖动控件,如果只套一个拖动控件的话,外层布局的滑动,点击事件会不会受影响等等问题。针对该需求,采取最简单的实现。
源码地址 http://download.csdn.net/download/qq_31390699/10134846
上一篇: 指针//待补充
推荐阅读
-
Android开发实现可拖动排序的ListView功能【附源码下载】
-
android实现可*移动、监听点击事件的悬浮窗
-
Android自定义View实现可展开、会呼吸的按钮
-
Android自定义View实现可拖拽缩放的矩形框
-
Javascript简单实现可拖动的div_javascript技巧
-
Javascript简单实现可拖动的div_javascript技巧
-
android实现可*移动、监听点击事件的悬浮窗
-
Android开发实现可拖动排序的ListView功能【附源码下载】
-
Android 简单实现可全屏拖动,可点击的View
-
Android中mpchartlib柱状图的详细属性以及实现(可左右滑动可点击)