View滑動(dòng)-跟隨手指移動(dòng)

對(duì)View的移動(dòng),實(shí)現(xiàn)的方法有好幾種督赤,原理是通過改變View的位置來(lái)移動(dòng)View嘁灯,下面來(lái)實(shí)現(xiàn)這樣的效果


這里寫圖片描述
  • 動(dòng)畫的方法
    通過改變View的tranlationX和tranlationY的值來(lái)實(shí)現(xiàn)移動(dòng),首先來(lái)寫一個(gè)自定義View類躲舌,重寫onTouchEvent方法丑婿,實(shí)現(xiàn)構(gòu)造方法
public class MyView extends View {
    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return true;//這里我們要消費(fèi)這個(gè)事件,所以返回了true
    }
}

關(guān)于移動(dòng)的處理邏輯都在onTouchEvent方法中没卸,下面的代碼主要針對(duì)onTouchEvent方法修改枯冈,其它代碼不再貼上了

首先要獲取手指點(diǎn)擊移動(dòng)在屏幕上的坐標(biāo),使用

int x = (int)event.getRawX();//獲取x軸上的位置 
int y = (int)event.getRawY();//獲取y軸上的位置

處理事件的模板代碼

switch(event.getAction()){
    case MotionEvent.ACTION_DOWN://點(diǎn)擊事件
        break;
    case MotionEvent.ACTION_MOVE://移動(dòng)事件
        break;
    case MotionEvent.ACTION_UP://離開事件
        break;
    default:
        break;
}

通過判斷事件的類型办悟,將在ACTION_MOVE事件中計(jì)算移動(dòng)前后的差值來(lái)設(shè)置View的translationX和translationY值來(lái)改變View的位置尘奏,這里需要記錄上次的位置,所以需要2個(gè)變量病蛉,代碼如下

private int mLaxtX;
private int mLaxtY;

  @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getRawX();
        int y = (int) event.getRawY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                break;
            case MotionEvent.ACTION_MOVE:
                int deltaX = x - mLastX;//計(jì)算x坐標(biāo)上的差值
                int deltaY = y - mLastY;//計(jì)算y坐標(biāo)上的差值
                float tranX = getTranslationX() + deltaX ;//要平移的x值
                float tranY = getTranslationY() + deltaY;//要平移的y值
                setTranslationX(tranX);//設(shè)置值
                setTranslationY(tranY);
                break;
            case MotionEvent.ACTION_UP:

                break;
            default:
                break;
        }
        mLastX = x;//記錄上次的坐標(biāo)
        mLastY = y;
        return true;
    }
  • layout方法
    View在繪制的時(shí)候炫加,會(huì)調(diào)用onLayout方法來(lái)設(shè)置顯示的位置瑰煎,可以通過這個(gè)方法來(lái)實(shí)現(xiàn)移動(dòng)
        //layout方法實(shí)現(xiàn)
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                break;
            case MotionEvent.ACTION_MOVE:
                //計(jì)算偏移量
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;
                //重新布局
                layout(getLeft() + offsetX, getTop() + offsetY,
                        getRight() + offsetX, getBottom() + offsetY);
                //也可以使用下面這種方法
//                offsetLeftAndRight(offsetX);
//                offsetTopAndBottom(offsetY);
                break;
            case MotionEvent.ACTION_UP:
                break;
            default:
                break;
        }
        mLastX = x;
        mLastY = y;
  • LayoutParams
    LayoutParams保存了一個(gè)View的布局參數(shù),通過改變這個(gè)參數(shù)俗孝,重繪View也可以實(shí)現(xiàn)移動(dòng)
 //LayoutParams方法
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;
                //示例代碼的父View是LinearLayout
                LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
                layoutParams.leftMargin = getLeft() + offsetX;
                layoutParams.topMargin = getTop() + offsetY;
                //下面這兩句都可以使用酒甸,setLayoutParams也會(huì)調(diào)用requestLayout
                //                setLayoutParams(layoutParams);
                requestLayout();
                break;
            case MotionEvent.ACTION_UP:
                break;
            default:
                break;
        }

這里先介紹這幾種方法~~~
完整代碼如下:

public class MyView extends View {
    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    private int mLastX;
    private int mLastY;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getRawX();
        int y = (int) event.getRawY();
        //動(dòng)畫實(shí)現(xiàn)移動(dòng)代碼
        //--------------------------------------------------
//        switch (event.getAction()) {
//            case MotionEvent.ACTION_DOWN:
//
//                break;
//            case MotionEvent.ACTION_MOVE:
//                int delaltax = x - mLastX;
//                int delaltaY = y - mLastY;
//                float tranX = getTranslationX() + delaltax;
//                float tranY = getTranslationY() + delaltaY;
//                setTranslationX(tranX);
//                setTranslationY(tranY);
//                break;
//            case MotionEvent.ACTION_UP:
//
//                break;
//            default:
//                break;
//        }
        //-----------------------------------------------

        //layout方法實(shí)現(xiàn)
//        switch (event.getAction()) {
//            case MotionEvent.ACTION_DOWN:
//                break;
//            case MotionEvent.ACTION_MOVE:
//                //計(jì)算偏移量
//                int offsetX = x - mLastX;
//                int offsetY = y - mLastY;
//                //重新布局
//                layout(getLeft() + offsetX, getTop() + offsetY,
//                        getRight() + offsetX, getBottom() + offsetY);
//                //也可以使用下面這種方法
////                offsetLeftAndRight(offsetX);
////                offsetTopAndBottom(offsetY);
//                break;
//            case MotionEvent.ACTION_UP:
//                break;
//            default:
//                break;
//        }
        //---------------------------------------------

        //LayoutParams方法
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;
                //示例代碼的父View是LinearLayout
                LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
                layoutParams.leftMargin = getLeft() + offsetX;
                layoutParams.topMargin = getTop() + offsetY;
                //下面這兩句都可以使用,setLayoutParams也會(huì)調(diào)用requestLayout
                //                setLayoutParams(layoutParams);
                requestLayout();
                break;
            case MotionEvent.ACTION_UP:
                break;
            default:
                break;
        }

        mLastX = x;
        mLastY = y;
        return true;
    }
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赋铝,一起剝皮案震驚了整個(gè)濱河市插勤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌革骨,老刑警劉巖农尖,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異良哲,居然都是意外死亡盛卡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門筑凫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)滑沧,“玉大人,你說(shuō)我怎么就攤上這事巍实∽壹迹” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵棚潦,是天一觀的道長(zhǎng)殖属。 經(jīng)常有香客問我乱灵,道長(zhǎng)日杈,這世上最難降的妖魔是什么巫击? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮原环,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘处窥。我一直安慰自己嘱吗,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布滔驾。 她就那樣靜靜地躺著谒麦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪哆致。 梳的紋絲不亂的頭發(fā)上绕德,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天,我揣著相機(jī)與錄音摊阀,去河邊找鬼耻蛇。 笑死踪蹬,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的臣咖。 我是一名探鬼主播跃捣,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼夺蛇!你這毒婦竟也來(lái)了疚漆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤刁赦,失蹤者是張志新(化名)和其女友劉穎娶聘,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體截型,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡趴荸,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了宦焦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片发钝。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖波闹,靈堂內(nèi)的尸體忽然破棺而出酝豪,到底是詐尸還是另有隱情,我是刑警寧澤精堕,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布孵淘,位于F島的核電站,受9級(jí)特大地震影響歹篓,放射性物質(zhì)發(fā)生泄漏瘫证。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一庄撮、第九天 我趴在偏房一處隱蔽的房頂上張望背捌。 院中可真熱鬧,春花似錦洞斯、人聲如沸毡庆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)么抗。三九已至,卻和暖如春亚铁,著一層夾襖步出監(jiān)牢的瞬間蝇刀,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工徘溢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留熊泵,地道東北人仰迁。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像顽分,于是被迫代替她去往敵國(guó)和親徐许。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容