Android為View添加拖放效果

1.引言

在開發(fā)中,拖放是一種比較常見的手勢(shì)操作,使用它能夠讓應(yīng)用的交互更加地便捷和友好,本文將簡(jiǎn)要介紹如何為Android中的View添加拖放效果。

2.主要方法和類介紹

2.1 startDragAndDrop()和startDrag()

要實(shí)現(xiàn)View的拖放,需要調(diào)用View的startDragAndDrop()或startDrag()方法,其中startDragAndDrop()方法要求API版本為24或以上,調(diào)用方法后,View便可以拖動(dòng)了,此方法需要傳遞的參數(shù)如下:

//data:拖放操作要傳遞的數(shù)據(jù)
//shadowBuilder:拖放陰影
//myLocalState:一個(gè)包含與拖放操作有關(guān)的數(shù)據(jù)的對(duì)象
//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)行的時(shí)候,需要顯示正在拖動(dòng)的圖片,View.DragShadowBuilder類提供了可以傳入View的構(gòu)造方法,這個(gè)View是被拖放的View,我們將通過DragShadowBuilder創(chuàng)建的拖動(dòng)圖片稱為拖動(dòng)陰影,這個(gè)將作為參數(shù)傳入startDragAndDrop()或startDrag()方法中,如若有需要的話,還可以繼承View.DragShadowBuilder類去實(shí)現(xiàn)自定義的效果。

2.4 DragEvent

此類主要定義了拖放事件的類型,通過event.getAction()可以獲取不同的事件類型,主要有以下幾種:

//DragEvent.ACTION_DRAG_STARTED:表示拖動(dòng)已經(jīng)開始
//DragEvent.ACTION_DRAG_ENTERED:表示拖動(dòng)陰影已經(jīng)進(jìn)入目標(biāo)View
//DragEvent.ACTION_DRAG_LOCATION:拖動(dòng)陰影在目標(biāo)View邊界內(nèi)移動(dòng)時(shí)會(huì)多次響應(yīng)此事件
//DragEvent.ACTION_DRAG_EXITED:表示拖動(dòng)陰影離開了目標(biāo)View的邊界
//DragEvent.ACTION_DROP:表示拖動(dòng)陰影被釋放
//DragEvent.ACTION_DRAG_ENDED:表示拖放操作即將結(jié)束,在此處需要通過調(diào)用event.getResult()的返回值來判斷拖放操作是否成功

3. 演示將一張圖片拖放到方框內(nèi)

現(xiàn)在演示將一張圖片拖放到方框內(nèi),來說明拖放操作的大致流程,其中方框是一個(gè)LinearLayout,為它設(shè)置了一個(gè)方框背景。

3.1 簡(jiǎn)易布局

布局如下:

<?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)長(zhǎng)按拖動(dòng)圖片的效果,首先調(diào)用setOnLongClickListener()設(shè)置長(zhǎng)按事件回調(diào),之后構(gòu)建ClipData和拖動(dòng)陰影,然后調(diào)用startDragAndDrop()或startDrag()方法實(shí)現(xiàn)拖動(dòng),代碼如下:

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 方框接收?qǐng)D片

目標(biāo)View要接收?qǐng)D片需要先調(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ā)的過程中,我們會(huì)使用各種各樣的View,實(shí)現(xiàn)拖放效果,主要包括拖動(dòng)陰影構(gòu)建、拖放方法調(diào)用以及對(duì)拖放事件的處理,在合適的場(chǎng)景下為View添加上拖放效果能讓應(yīng)用交互更加方便和友好。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、拖放機(jī)制概述 2拖放操作是手指觸摸屏幕上的某一對(duì)象,然后拖動(dòng)該對(duì)象,最后在屏幕的某個(gè)位置釋放該對(duì)象并執(zhí)行某種操...
    優(yōu)才學(xué)院閱讀 1,854評(píng)論 0 10
  • Android中實(shí)現(xiàn)拖拽其實(shí)很簡(jiǎn)單,系統(tǒng)早已經(jīng)提供了api讓我使用,主要用到了View的startDrag(sta...
    胡奚冰閱讀 8,408評(píng)論 1 6
  • 效果圖: Github鏈接:https://github.com/boycy815/PinchImageView ...
    CQ_TYL閱讀 2,368評(píng)論 0 0
  • 其實(shí)實(shí)現(xiàn)這種效果有兩種方法: View.startDrag(), 然后給需要監(jiān)聽拖拽的控件setOnDragLis...
    杰子他爸閱讀 5,632評(píng)論 2 1
  • 主要思路 1.我們需要自定義一個(gè)繼承自FrameLayout的布局,利用FrameLayout布-局的特性(在同一...
    ZebraWei閱讀 2,811評(píng)論 0 5

友情鏈接更多精彩內(nèi)容