dragView 可以在屏幕拖拽并且弹出菜单的控件

dragView

---

• 因项目新需求需要添加一个屏幕拖拽按钮可以弹出菜单的控件,因为不是我做的闲来无事写一个demo吧 可能存在一些小bug(毕竟就写了几个小时)兄弟姐妹们理解思路就行 具体的可以自己调试一下 废话不多说先来一个gif走一走(调了帧数 可能看着比较快 不要介意)

• GitHub 传送车https://github.com/guanhaoran/dragView

• gif有点小 对付看吧 (太大了传github的时候 会出错 放图片还看不出来效果 不要介意)

• 废话不多话直接看代码

  1.写一个类继承 Button 重写构造方法&onTouchEvent(MotionEvent event)

  public DragView(Context context) {
        this(context, null);  }
     public DragView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
     }
   public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
         //获取屏幕宽高，用于控制控件在屏幕内移动
         DisplayMetrics dm = getResources().getDisplayMetrics();
         mScreenWidth = dm.widthPixels;
        mScreenHeight = dm.heightPixels - 100;//这里减去的100是下边的back键和menu键那一栏的高度，看情况而定
       showPopup = new ShowPopup(context);
      }
  

  2.onTouchEvent(MotionEvent event)

  大家可能看的不太懂 先大体看下结构 稍后我会在代码里加上注释 确保每条代码都有注释一些没有的 我就不会加注释 也浪费大家时间

  public boolean onTouchEvent(MotionEvent event) {
  super.onTouchEvent(event);
  
  int lastMoveX = 0;
  int lastMoveY = 0;
  switch (event.getAction()) {
  
      case MotionEvent.ACTION_DOWN:
          falg = true;
          startDownX = (int) event.getRawX();
          startDownY = (int) event.getRawY();
          break;
      case MotionEvent.ACTION_MOVE:
          if (showPopup.isShowing()) {
              showPopup.dissPopup();
          }
          lastMoveX = (int) event.getRawX();
          lastMoveY = (int) event.getRawY();
  
          int dx = lastMoveX - startDownX;
          int dy = lastMoveY - startDownY;
          if (Math.abs(dx) > 2 || Math.abs(dy) > 2) {
              falg = false;
          }
  
          left = getLeft() + dx;
          top = getTop() + dy;
          right = getRight() + dx;
          bottom = getBottom() + dy;
          if (left < 0) {
              left = 0;
              right = left + getWidth();
          }
          if (right > mScreenWidth) {
              right = mScreenWidth;
              left = right - getWidth();
          }
          if (top < 0) {
              top = 0;
              bottom = top + getHeight();
          }
          if (bottom > mScreenHeight) {
              bottom = mScreenHeight;
              top = bottom - getHeight();
          }
          layout(left, top, right, bottom);
          Log.i("____________________", left + "___" + top + "___" + right + "___" + bottom);
          invalidate();
          startDownX = (int) event.getRawX();
          startDownY = (int) event.getRawY();
          break;
      case MotionEvent.ACTION_UP:
          int lastMoveDx = Math.abs((int) event.getRawX() - startDownX);
          int lastMoveDy = Math.abs((int) event.getRawY() - startDownY);
          if (falg) {
              ToastUtils.showToast(context, "我点击了");
              showContent(360, true);
          }
          falg = false;
          break;
  }
  return true;
  

  3.点击按钮出现的一个小圆点 这个使用popupWindow做的包括背景颜色变暗也是在popupWindow中实现的 这个稍后也会有注释 我只是写完了 不喜欢写注释
  (这个毛病很坏 - -)

  private void showContent(int angles, boolean isShow) {
  if (showPopup.isShowing()) {
      showPopup.dissPopup();
  } else {
      int excursionX = -(getWidth() / 2) - 5;
      int excursionY = 0;
      if (left == 0 && right == 0 && top == 0 && bottom == 0) {
          excursionX = -(getWidth() / 2)-5;
          excursionY = 0;
      } else if (left < 50 && top < 50) {
          excursionX = getWidth();
          excursionY = 0;
      } else if (mScreenWidth - right < 50 && top < 50) {
          excursionX = -getWidth() * 2 - 20;
          excursionY = 0;
      } else if (mScreenWidth - right < 50 && mScreenHeight - bottom < getHeight()*2) {
          excursionX = -getWidth() * 2 - 20;
          excursionY = -getHeight() * 3 - 20;
      } else if (mScreenHeight - bottom < getHeight()*2 && left < 50) {
          excursionX = getWidth();
          excursionY = -getHeight() * 3 - 20;
      } else if (left < 50) {
          excursionX = getWidth();
          excursionY = -getHeight() - getHeight() / 2;
      } else if (top < 50) {
          excursionX = -(getWidth() / 2)-10;
          excursionY = -10;
      } else if (mScreenWidth - right < 50) {
          excursionX = -getWidth() * 2 - 10;
          excursionY = -getHeight() - getHeight() / 2 - 10;
      } else if (mScreenHeight - bottom < getHeight() * 2.5) {
          excursionX = -getWidth() / 2 -10;
          excursionY = -getHeight() * 3 - 10;
      } else {
      }
      showPopup.showPopup(this, excursionX, excursionY);
  }
  }
  

  4.还有一个popupWindow 我就不贴在这里了 大家可以看代码就好了,可能代码包结构很乱大家不要介意,我也是为了效果别的我也没注意

#

• 最后我在上传GitHub的时候 哇!!!很痛苦 全是英文(奈何我的英文还不好)传了好久才传上去 下一篇文章我会把GitHub的使用给兄弟们详详细细的说一遍

QQ:765307272
- GitHub 传送车https://github.com/guanhaoran/dragView