1.引言
在開發(fā)中,拖放是一種比較常見的手勢操作,使用它能夠讓應(yīng)用的交互更加地便捷和友好,本文將簡要介紹如何為Android中的View添加拖放效果。
2.主要方法和類介紹
2.1 startDragAndDrop()和startDrag()
要實(shí)現(xiàn)View的拖放,需要調(diào)用View的startDragAndDrop()或startDrag()方法,其中startDragAndDrop()方法要求API版本為24或以上,調(diào)用方法后,View便可以拖動了,此方法需要傳遞的參數(shù)如下:
//data:拖放操作要傳遞的數(shù)據(jù)
//shadowBuilder:拖放陰影
//myLocalState:一個包含與拖放操作有關(guān)的數(shù)據(jù)的對象
//flags:控制拖放操作的標(biāo)志位
public final boolean startDragAndDrop(ClipData data, DragShadowBuilder shadowBuilder,Object myLocalState, int flags)
2.2 setOnDragListener()
接收拖放事件的View我們暫且稱之為目標(biāo)View,目標(biāo)View調(diào)用setOnDragListener(),并實(shí)現(xiàn)其中的方法onDrag()后可以接收拖放事件的回調(diào)。
2.3 View.DragShadowBuilder
在拖放操作進(jìn)行的時候,需要顯示正在拖動的圖片,View.DragShadowBuilder類提供了可以傳入View的構(gòu)造方法,這個View是被拖放的View,我們將通過DragShadowBuilder創(chuàng)建的拖動圖片稱為拖動陰影,這個將作為參數(shù)傳入startDragAndDrop()或startDrag()方法中,如若有需要的話,還可以繼承View.DragShadowBuilder類去實(shí)現(xiàn)自定義的效果。
2.4 DragEvent
此類主要定義了拖放事件的類型,通過event.getAction()可以獲取不同的事件類型,主要有以下幾種:
//DragEvent.ACTION_DRAG_STARTED:表示拖動已經(jīng)開始
//DragEvent.ACTION_DRAG_ENTERED:表示拖動陰影已經(jīng)進(jìn)入目標(biāo)View
//DragEvent.ACTION_DRAG_LOCATION:拖動陰影在目標(biāo)View邊界內(nèi)移動時會多次響應(yīng)此事件
//DragEvent.ACTION_DRAG_EXITED:表示拖動陰影離開了目標(biāo)View的邊界
//DragEvent.ACTION_DROP:表示拖動陰影被釋放
//DragEvent.ACTION_DRAG_ENDED:表示拖放操作即將結(jié)束,在此處需要通過調(diào)用event.getResult()的返回值來判斷拖放操作是否成功
3. 演示將一張圖片拖放到方框內(nèi)
現(xiàn)在演示將一張圖片拖放到方框內(nèi),來說明拖放操作的大致流程,其中方框是一個LinearLayout,為它設(shè)置了一個方框背景。
3.1 簡易布局
布局如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ImageView
android:id="@+id/iv_drag"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerHorizontal="true"
android:src="@mipmap/ic_launcher" />
<LinearLayout
android:id="@+id/ll_accept"
android:layout_width="300dp"
android:layout_height="300dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="50dp"
android:background="@drawable/black_bac"
android:orientation="vertical">
</LinearLayout>
</RelativeLayout>
3.2 操作被拖放的圖片
實(shí)現(xiàn)長按拖動圖片的效果,首先調(diào)用setOnLongClickListener()設(shè)置長按事件回調(diào),之后構(gòu)建ClipData和拖動陰影,然后調(diào)用startDragAndDrop()或startDrag()方法實(shí)現(xiàn)拖動,代碼如下:
iv_drag.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
CharSequence charSequence = (CharSequence) iv_drag.getTag();
ClipData.Item item = new ClipData.Item(charSequence);
ClipData clipData = new ClipData(charSequence, new String[]{ClipDescription.MIMETYPE_TEXT_PLAIN}, item);
View.DragShadowBuilder shadowBuilder = new View.DragShadowBuilder(iv_drag);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
iv_drag.startDragAndDrop(clipData, shadowBuilder, null, 0);
} else {
iv_drag.startDrag(clipData, shadowBuilder, null, 0);
}
return true;
}
});
3.3 方框接收圖片
目標(biāo)View要接收圖片需要先調(diào)用setOnDragListener()來接受拖放事件的回調(diào),使用event.getAction()來獲取不同的拖放事件類型,然后根據(jù)事件類型執(zhí)行相應(yīng)的操作,示例如下:
ll_accept.setOnDragListener(new View.OnDragListener() {
@Override
public boolean onDrag(View v, DragEvent event) {
switch (event.getAction()) {
case DragEvent.ACTION_DRAG_STARTED:
iv_drag.setVisibility(View.GONE);
if (event.getClipDescription().hasMimeType(ClipDescription.MIMETYPE_TEXT_PLAIN)) {
return true;
}
return false;
case DragEvent.ACTION_DRAG_ENTERED:
isChangePos = true;
ll_accept.setBackgroundResource(R.drawable.green_bac);
return true;
case DragEvent.ACTION_DRAG_LOCATION:
x = event.getX();
y = event.getY();
return true;
case DragEvent.ACTION_DRAG_EXITED:
isChangePos = false;
ll_accept.setBackgroundResource(R.drawable.black_bac);
return true;
case DragEvent.ACTION_DROP:
return true;
case DragEvent.ACTION_DRAG_ENDED:
ll_accept.setBackgroundResource(R.drawable.black_bac);
if (isChangePos && event.getResult()) {
int left = ll_accept.getLeft();
int top = ll_accept.getTop();
x = x + left - (iv_drag.getWidth() / 2);
y = y + top - (iv_drag.getHeight() / 2);
iv_drag.setX(x);
iv_drag.setY(y);
}
iv_drag.setVisibility(View.VISIBLE);
return true;
}
return false;
}
});
4.總結(jié)
在開發(fā)的過程中,我們會使用各種各樣的View,實(shí)現(xiàn)拖放效果,主要包括拖動陰影構(gòu)建、拖放方法調(diào)用以及對拖放事件的處理,在合適的場景下為View添加上拖放效果能讓應(yīng)用交互更加方便和友好。
最后,如果大伙有什么好的學(xué)習(xí)方法或建議歡迎大家在評論中積極留言哈,希望大家能夠共同學(xué)習(xí)、共同努力、共同進(jìn)步。
小編在這里祝小伙伴們在未來的日子里都可以 升職加薪,當(dāng)上總經(jīng)理,出任CEO,迎娶白富美,走上人生巔峰??!
不論遇到什么困難,都不應(yīng)該成為我們放棄的理由!