1概述

目前的app的動(dòng)畫效果是越來越炫了，很多主流app的圖片預(yù)覽返回都有類似功能，比較常見的是ios自帶相冊(cè)，微信朋友圈等等。自己項(xiàng)目中也有類似功能，最近整理了一下這個(gè)功能的代碼，做個(gè)筆記記錄，有興趣的朋友可以點(diǎn)擊源碼。

網(wǎng)上已經(jīng)有對(duì)應(yīng)功能的三方庫了，MyDragPhotoView 和 DragPhotoView等等。

但是他們都是繼承view去實(shí)現(xiàn)的。如果我想用到其他View/ViewGroup上，就不是很方便，需要重新自定義view，然后復(fù)制黏貼和修改。因此就有了這篇文章，這個(gè)效果可以加在任意View或者ViewGroup上。

效果圖：

一般經(jīng)常用到這個(gè)功能的，莫非就是圖片預(yù)覽和視頻預(yù)覽了。

視頻控件效果

圖片控件效果

2使用步驟

1.activity主題設(shè)為透明

true

2.初始化

DragCloseHelper dragCloseHelper = new DragCloseHelper(this);

3.如果是共享元素啟動(dòng)的頁面，需要如下設(shè)置(強(qiáng)烈建議和共享元素一起使用，否則是沒有靈魂的)

dragCloseHelper.setShareElementMode(true);

4.設(shè)置需要進(jìn)行拖拽的View/ViewGroup，以及背景ViewGroup(必須要設(shè)置背景色)

dragCloseHelper.setDragCloseViews(parentV, childV);

5.設(shè)置監(jiān)聽

dragCloseHelper.setDragCloseListener(new DragCloseHelper.DragCloseListener() {

@Override

public boolean intercept() {

//默認(rèn)false 不攔截。比如圖片在放大狀態(tài)，是不需要執(zhí)行拖拽動(dòng)畫的等等。

return false;

}

@Override

public void dragStart() {

//拖拽開始?？梢栽诖祟~外處理一些邏輯

}

@Override

public void dragging(float percent) {

//拖拽中。percent當(dāng)前的進(jìn)度，取值0-1，可以在此額外處理一些邏輯

}

@Override

public void dragCancel() {

//拖拽取消，會(huì)自動(dòng)復(fù)原?？梢栽诖祟~外處理一些邏輯

}

@Override

public void dragClose(boolean isShareElementMode) {

//拖拽關(guān)閉，如果是共享元素的頁面，需要執(zhí)行activity的onBackPressed方法，注意如果使用finish方法，則返回的時(shí)候沒有共享元素的返回動(dòng)畫

if (isShareElementMode) {

onBackPressed();

}

}

});

6.處理touch事件

@Override

public boolean dispatchTouchEvent(MotionEvent event) {

if (dragCloseHelper.handleEvent(event)) {

return true;

} else {

return super.dispatchTouchEvent(event);

}

}

7.可以自定義最大拖拽距離和最小縮放尺寸

setMaxExitY(int maxExitY)

setMinScale(@FloatRange(from = 0.1f, to = 1.0f) float minScale)

3原理

很簡(jiǎn)單，就是touch事件傳遞，相信大家都已經(jīng)滾瓜爛熟了。

大概步驟：

1.檢測(cè)是否有攔截

2.ACTION_DOWN事件，初始化數(shù)據(jù)

3.ACTION_MOVE事件，如果多手指或者手指Id不一致，則復(fù)原，否則開始移動(dòng)，同時(shí)更新拖拽View/ViewGroup的位置和大小。

4.ACTION_UP事件，判斷是否超過指定的最大距離，如果超過，開始關(guān)閉動(dòng)畫，否則開始復(fù)原動(dòng)畫

核心代碼如下：

public boolean handleEvent(MotionEvent event) {

if (dragCloseListener != null && dragCloseListener.intercept()) {

//攔截

Logger.d("action dispatch--->");

isSwipingToClose = false;

return false;

} else {

//不攔截

if (event.getAction() == MotionEvent.ACTION_DOWN) {

Logger.d("action down--->");

//初始化數(shù)據(jù)

lastPointerId = event.getPointerId(0);

reset(event);

} else if (event.getAction() == MotionEvent.ACTION_MOVE) {

Logger.d("action move--->" + event.getPointerCount() + "---" + isSwipingToClose);

if (event.getPointerCount() > 1) {

//如果有多個(gè)手指

if (isSwipingToClose) {

//已經(jīng)開始滑動(dòng)關(guān)閉，恢復(fù)原狀，否則需要派發(fā)事件

isSwipingToClose = false;

resetCallBackAnimation();

return true;

}

reset(event);

return false;

}

if (lastPointerId != event.getPointerId(0)) {

//手指不一致，恢復(fù)原狀

if (isSwipingToClose) {

resetCallBackAnimation();

}

reset(event);

return true;

}

float currentY = event.getY();

float currentX = event.getX();

if (isSwipingToClose || Math.abs(currentY - mLastY) > 2 * viewConfiguration.getScaledTouchSlop()) {

//已經(jīng)觸發(fā)或者開始觸發(fā)，更新view

mLastY = currentY;

mLastX = currentX;

Logger.d("action move---> start close");

float currentRawY = event.getRawY();

float currentRawX = event.getRawX();

if (!isSwipingToClose) {

//準(zhǔn)備開始

isSwipingToClose = true;

if (dragCloseListener != null) {

dragCloseListener.dragStart();

}

}

//已經(jīng)開始，更新view

mCurrentTranslationY = currentRawY - mLastRawY + mLastTranslationY;

mCurrentTranslationX = currentRawX - mLastRawX + mLastTranslationX;

float percent = 1 - Math.abs(mCurrentTranslationY / (maxExitY + childV.getHeight()));

if (percent > 1) {

percent = 1;

} else if (percent < 0) {

percent = 0;

}

parentV.getBackground().mutate().setAlpha((int) (percent * 255));

if (dragCloseListener != null) {

dragCloseListener.dragging(percent);

}

childV.setTranslationY(mCurrentTranslationY);

childV.setTranslationX(mCurrentTranslationX);

if (percent < minScale) {

percent = minScale;

}

childV.setScaleX(percent);

childV.setScaleY(percent);

return true;

}

} else if (event.getAction() == MotionEvent.ACTION_UP) {

Logger.d("action up--->" + isSwipingToClose);

//手指抬起事件

if (isSwipingToClose) {

if (mCurrentTranslationY > maxExitY) {

if (isShareElementMode) {

//會(huì)執(zhí)行共享元素的離開動(dòng)畫

if (dragCloseListener != null) {

dragCloseListener.dragClose(true);

}

} else {

//會(huì)執(zhí)行定制的離開動(dòng)畫

exitWithTranslation(mCurrentTranslationY);

}

} else {

resetCallBackAnimation();

}

isSwipingToClose = false;

return true;

}

}

}

return false;

}

源碼：

參考資料

總結(jié)

以上是生活随笔為你收集整理的安卓开发仿微信图片拖拽_使用Android 模仿微信朋友圈图片拖拽返回的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。