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