Android實現(xiàn)單頁面浮層可拖動view的一種方法

更新時間：2017年10月12日 09:15:29 作者：賴床的貓

本篇文章主要介紹了Android實現(xiàn)單頁面浮層可拖動view的一種方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

上一篇講到通過通過goolge官方的ViewDragHelper工具實現(xiàn)拖動的方法（上一篇見http://chabaoo.cn/article/125481.htm），那么有一個問題就是在DragframeLayout中的onTouchEvent一直接收不到觸摸消息，而且在onInterceptTouchEvent的時候，并沒有觸發(fā)ViewDragHelper.tryCaptureView方法，因此誕生了另一種比較原始的方法：通過自定義可拖動view來實現(xiàn)

主要方法：

initEdge：設置可拖動view能拖動范圍的初始邊界，一般情況下為父布局的邊界。注意view.getLeft...等會獲取到會0，我是在網(wǎng)路數(shù)據(jù)返回的情況下設置邊界，并顯示的。也有方法開一個子線程獲取。

onTouchEvent：拖動的計算以及重新layout

代碼：

import android.content.Context;
import android.support.annotation.Nullable;
import android.support.v7.widget.AppCompatImageView;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 * Created by hq on 2017/10/10.
 * 參考：http://blog.csdn.net/zane_xiao/article/details/51188867
 */

public class DragImageView extends AppCompatImageView {
  String TAG = "DragImageView";

  public DragImageView(Context context) {
    this(context, null);
  }

  public DragImageView(Context context, @Nullable AttributeSet attrs) {
    this(context, attrs, 0);
  }

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

  /**
   * 設置在父布局中的邊界
   * @param l
   * @param t
   * @param r
   * @param b
   */
  public void initEdge(int l,int t,int r,int b) {
    edgeLeft = l;
    edgeTop = t;
    edgeRight = r;
    edgeBottom = b;
  }

  int edgeLeft, edgeTop, edgeRight, edgeBottom;
  int lastX, lastY, movex, movey, dx, dy;

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        lastX = (int) event.getRawX();
        lastY = (int) event.getRawY();
        movex = lastX;
        movey = lastY;
        break;
      case MotionEvent.ACTION_MOVE:
        dx = (int) event.getRawX() - lastX;
        dy = (int) event.getRawY() - lastY;

        int left = getLeft() + dx;
        int top = getTop() + dy;
        int right = getRight() + dx;
        int bottom = getBottom() + dy;
        if (left < edgeLeft) {
          left = edgeLeft;
          right = left + getWidth();
        }
        if (right > edgeRight) {
          right = edgeRight;
          left = right - getWidth();
        }
        if (top < edgeTop) {
          top = edgeTop;
          bottom = top + getHeight();
        }
        if (bottom > edgeBottom) {

          bottom = edgeBottom;
          top = bottom - getHeight();
        }

        layout(left, top, right, bottom);
        lastX = (int) event.getRawX();
        lastY = (int) event.getRawY();
        break;
      case MotionEvent.ACTION_UP:
        //避免滑出觸發(fā)點擊事件
        if ((int) (event.getRawX() - movex) != 0
          || (int) (event.getRawY() - movey) != 0) {
          return true;
        }
        break;
      default:
        break;
    }
    return super.onTouchEvent(event);
  }
}

布局：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/df_content"
android:layout_width="match_parent"
android:layout_height="match_parent">

<com.windfindtech.ishanghai.view.SwipeScrollView
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@color/default_white"
  android:scrollbars="none">

  <RelativeLayout
    android:id="@+id/network_tab_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/default_white">

    ...........

  </RelativeLayout>
</com.windfindtech.ishanghai.view.SwipeScrollView>

<com.windfindtech.ishanghai.view.DragImageView
  android:id="@+id/iv_drag_adver"
  android:layout_width="40dp"
  android:layout_height="40dp"
  android:layout_gravity="right|top"
  android:src="@drawable/ic_launcher" />
</FrameLayout>

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: