1. 程式人生 > >Android 簡單實現可全屏拖動,可點選的View

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