1概述

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

網上已經有對應功能的三方庫了，MyDragPhotoView 和 DragPhotoView等等。

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

效果圖：

一般經常用到這個功能的，莫非就是圖片預覽和視頻預覽了。

視頻控件效果

圖片控件效果

2使用步驟

1.activity主題設為透明

true

2.初始化

DragCloseHelper dragCloseHelper = new DragCloseHelper(this);

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

dragCloseHelper.setShareElementMode(true);

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

dragCloseHelper.setDragCloseViews(parentV, childV);

5.設置監聽

dragCloseHelper.setDragCloseListener(new DragCloseHelper.DragCloseListener() {

@Override

public boolean intercept() {

//默認false 不攔截。比如圖片在放大狀態，是不需要執行拖拽動畫的等等。

return false;

}

@Override

public void dragStart() {

//拖拽開始。可以在此額外處理一些邏輯

}

@Override

public void dragging(float percent) {

//拖拽中。percent當前的進度，取值0-1，可以在此額外處理一些邏輯

}

@Override

public void dragCancel() {

//拖拽取消，會自動復原。可以在此額外處理一些邏輯

}

@Override

public void dragClose(boolean isShareElementMode) {

//拖拽關閉，如果是共享元素的頁面，需要執行activity的onBackPressed方法，注意如果使用finish方法，則返回的時候沒有共享元素的返回動畫

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原理

很簡單，就是touch事件傳遞，相信大家都已經滾瓜爛熟了。

大概步驟：

1.檢測是否有攔截

2.ACTION_DOWN事件，初始化數據

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

4.ACTION_UP事件，判斷是否超過指定的最大距離，如果超過，開始關閉動畫，否則開始復原動畫

核心代碼如下：

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--->");

//初始化數據

lastPointerId = event.getPointerId(0);

reset(event);

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

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

if (event.getPointerCount() > 1) {

//如果有多個手指

if (isSwipingToClose) {

//已經開始滑動關閉，恢復原狀，否則需要派發事件

isSwipingToClose = false;

resetCallBackAnimation();

return true;

}

reset(event);

return false;

}

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

//手指不一致，恢復原狀

if (isSwipingToClose) {

resetCallBackAnimation();

}

reset(event);

return true;

}

float currentY = event.getY();

float currentX = event.getX();

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

//已經觸發或者開始觸發，更新view

mLastY = currentY;

mLastX = currentX;

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

float currentRawY = event.getRawY();

float currentRawX = event.getRawX();

if (!isSwipingToClose) {

//準備開始

isSwipingToClose = true;

if (dragCloseListener != null) {

dragCloseListener.dragStart();

}

}

//已經開始，更新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) {

//會執行共享元素的離開動畫

if (dragCloseListener != null) {

dragCloseListener.dragClose(true);

}

} else {

//會執行定制的離開動畫

exitWithTranslation(mCurrentTranslationY);

}

} else {

resetCallBackAnimation();

}

isSwipingToClose = false;

return true;

}

}

}

return false;

}

源碼：

參考資料

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。