怎么在Android中實(shí)現(xiàn)一個(gè)自由拖動(dòng)并顯示文字的懸浮框

今天就跟大家聊聊有關(guān)怎么在Android中實(shí)現(xiàn)一個(gè)自由拖動(dòng)并顯示文字的懸浮框，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

實(shí)現(xiàn)步驟：

1.首先要設(shè)置該懸浮框的基本屬性：

/**
  * 顯示彈出框
  *
  * @param context
  */
 @SuppressWarnings("WrongConstant")
 public static void showPopupWindow(final Context context, String showtxt) {
  if (isShown) {
   return;
  }
  isShown = true;
  // 獲取WindowManager
  mWindowManager = (WindowManager) context
    .getSystemService(Context.WINDOW_SERVICE);
  mView = setUpView(context, showtxt);
 
  params = new WindowManager.LayoutParams();
  // 類(lèi)型，系統(tǒng)提示以及它總是出現(xiàn)在應(yīng)用程序窗口之上。
  params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT |
    WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY;
 
  // 設(shè)置flag
  int flags = canTouchFlags;
 
  // | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
  // 如果設(shè)置了WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE，彈出的View收不到Back鍵的事件
  params.flags = flags;
  // 不設(shè)置這個(gè)彈出框的透明遮罩顯示為黑色
  params.format = PixelFormat.TRANSLUCENT;
  // FLAG_NOT_TOUCH_MODAL不阻塞事件傳遞到后面的窗口
  // 設(shè)置 FLAG_NOT_FOCUSABLE 懸浮窗口較小時(shí)，后面的應(yīng)用圖標(biāo)由不可長(zhǎng)按變?yōu)榭砷L(zhǎng)按
  // 不設(shè)置這個(gè)flag的話，home頁(yè)的劃屏?xí)袉?wèn)題
  params.width = LayoutParams.WRAP_CONTENT;
  params.height = LayoutParams.WRAP_CONTENT;
  params.gravity = Gravity.TOP;
  mWindowManager.addView(mView, params);
}

比較重要的點(diǎn)是要注意設(shè)置flags，我這里提供了兩種flags以供切換：

private static int canTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
   | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
 
 private static int notTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE|
   WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE;

第一種是可觸摸不可聚焦模式，第二種是不可觸摸不可聚焦模式。其他的flags可以從api中查閱。

2.設(shè)置懸浮框的拖動(dòng)監(jiān)聽(tīng)事件：

private static View setUpView(final Context context, String showtxt) {
  View view = LayoutInflater.from(context).inflate(R.layout.layout_popwindow,
    null);
 
  TextView showTv = (TextView) view.findViewById(R.id.tv_showinpop);
  showTv.setText(showtxt);
 
  rl_drag_showinpop = (RelativeLayout) view.findViewById(R.id.rl_drag_showinpop);
  rl_drag_showinpop.setOnTouchListener(new View.OnTouchListener() {
   private float lastX; //上一次位置的X.Y坐標(biāo)
   private float lastY;
   private float nowX; //當(dāng)前移動(dòng)位置的X.Y坐標(biāo)
   private float nowY;
   private float tranX; //懸浮窗移動(dòng)位置的相對(duì)值
   private float tranY;
 
   @Override
   public boolean onTouch(View v, MotionEvent event) {
    boolean ret = false;
    switch (event.getAction()) {
     case MotionEvent.ACTION_DOWN:
 
      // 獲取按下時(shí)的X，Y坐標(biāo)
      lastX = event.getRawX();
      lastY = event.getRawY();
      ret = true;
 
      break;
     case MotionEvent.ACTION_MOVE:
      // 獲取移動(dòng)時(shí)的X，Y坐標(biāo)
      nowX = event.getRawX();
      nowY = event.getRawY();
      // 計(jì)算XY坐標(biāo)偏移量
      tranX = nowX - lastX;
      tranY = nowY - lastY;
      params.x += tranX;
      params.y += tranY;
 
      //更新懸浮窗位置
      mWindowManager.updateViewLayout(mView, params);
      //記錄當(dāng)前坐標(biāo)作為下一次計(jì)算的上一次移動(dòng)的位置坐標(biāo)
      lastX = nowX;
      lastY = nowY;
 
      break;
     case MotionEvent.ACTION_UP:
      break;
    }
    return ret;
   }
});

這里要在down的時(shí)候記錄坐標(biāo)，move事件中使用修改params坐標(biāo)進(jìn)行移動(dòng)。

3.設(shè)置懸浮框文字屬性：

public static void setShowTxt(String txt) {
  try {
   TextView showTv = (TextView) mView.findViewById(R.id.tv_showinpop);
   showTv.setText(txt);
   mWindowManager.updateViewLayout(mView, params);
  }catch (Exception e){
   Log.d(TAG, "setShowTxt: 更新懸浮框錯(cuò)誤");
   e.printStackTrace();
   if(e.getMessage().contains("not attached to window manager")){
    mWindowManager.addView(mView, params);
   }
  }
}

4.更新懸浮框圖片顯示：

public static void setShowImg(Bitmap bitmap) {
  try {
   ImageView showImg = (ImageView) mView.findViewById(R.id.iv_showinpop);
   showImg.setImageBitmap(bitmap);
   mWindowManager.updateViewLayout(mView, params);
  }catch (Exception e){
   Log.d(TAG, "setShowTxt: 更新懸浮框錯(cuò)誤");
   e.printStackTrace();
   if(e.getMessage().contains("not attached to window manager")){
    mWindowManager.addView(mView, params);
   }
  }
 }

介紹完畢，整個(gè)類(lèi)都封裝好了，代碼如下：

/**
 * 懸浮窗工具類(lèi)
 * created by Pumpkin at 17/3/28
 */
public class WindowsUitlity {
 private static String TAG = WindowsUitlity.class.getSimpleName();
 private static WindowManager mWindowManager = null;
 private static WindowManager.LayoutParams params;
 public static Boolean isShown = false;
 private static View mView = null;
 
 /**
  * 顯示彈出框
  *
  * @param context
  */
 @SuppressWarnings("WrongConstant")
 public static void showPopupWindow(final Context context, String showtxt) {
  if (isShown) {
   return;
  }
  isShown = true;
  // 獲取WindowManager
  mWindowManager = (WindowManager) context
    .getSystemService(Context.WINDOW_SERVICE);
  mView = setUpView(context, showtxt);
 
  params = new WindowManager.LayoutParams();
  // 類(lèi)型，系統(tǒng)提示以及它總是出現(xiàn)在應(yīng)用程序窗口之上。
  params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT |
    WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY;
 
  // 設(shè)置flag
  int flags = canTouchFlags;
 
  // | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
  // 如果設(shè)置了WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE，彈出的View收不到Back鍵的事件
  params.flags = flags;
  // 不設(shè)置這個(gè)彈出框的透明遮罩顯示為黑色
  params.format = PixelFormat.TRANSLUCENT;
  // FLAG_NOT_TOUCH_MODAL不阻塞事件傳遞到后面的窗口
  // 設(shè)置 FLAG_NOT_FOCUSABLE 懸浮窗口較小時(shí)，后面的應(yīng)用圖標(biāo)由不可長(zhǎng)按變?yōu)榭砷L(zhǎng)按
  // 不設(shè)置這個(gè)flag的話，home頁(yè)的劃屏?xí)袉?wèn)題
  params.width = LayoutParams.WRAP_CONTENT;
  params.height = LayoutParams.WRAP_CONTENT;
  params.gravity = Gravity.TOP;
  mWindowManager.addView(mView, params);
 }
 
 
 private static int canTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
   | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
 
 private static int notTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE|
   WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE;
 
 
 /**
  * 設(shè)置是否可響應(yīng)點(diǎn)擊事件
  *
  * @param isTouchable
  */
 public static void setTouchable(boolean isTouchable) {
  if (isTouchable) {
   params.flags = canTouchFlags;
  } else {
   params.flags = notTouchFlags;
  }
  mWindowManager.updateViewLayout(mView, params);
 
 }
 
 
 /**
  * 隱藏彈出框
  */
 public static void hidePopupWindow() {
  if (isShown && null != mView) {
   mWindowManager.removeView(mView);
   isShown = false;
  }
 }
 
 public static void setShowTxt(String txt) {
  try {
   TextView showTv = (TextView) mView.findViewById(R.id.tv_showinpop);
   showTv.setText(txt);
   mWindowManager.updateViewLayout(mView, params);
  }catch (Exception e){
   Log.d(TAG, "setShowTxt: 更新懸浮框錯(cuò)誤");
   e.printStackTrace();
   if(e.getMessage().contains("not attached to window manager")){
    mWindowManager.addView(mView, params);
   }
  }
 }
 
 
 public static void setShowImg(Bitmap bitmap) {
  try {
   ImageView showImg = (ImageView) mView.findViewById(R.id.iv_showinpop);
   showImg.setImageBitmap(bitmap);
   mWindowManager.updateViewLayout(mView, params);
  }catch (Exception e){
   Log.d(TAG, "setShowTxt: 更新懸浮框錯(cuò)誤");
   e.printStackTrace();
   if(e.getMessage().contains("not attached to window manager")){
    mWindowManager.addView(mView, params);
   }
  }
 }
 
 static RelativeLayout rl_drag_showinpop;
 
 private static View setUpView(final Context context, String showtxt) {
  View view = LayoutInflater.from(context).inflate(R.layout.layout_popwindow,
    null);
 
  TextView showTv = (TextView) view.findViewById(R.id.tv_showinpop);
  showTv.setText(showtxt);
 
  rl_drag_showinpop = (RelativeLayout) view.findViewById(R.id.rl_drag_showinpop);
  rl_drag_showinpop.setOnTouchListener(new View.OnTouchListener() {
   private float lastX; //上一次位置的X.Y坐標(biāo)
   private float lastY;
   private float nowX; //當(dāng)前移動(dòng)位置的X.Y坐標(biāo)
   private float nowY;
   private float tranX; //懸浮窗移動(dòng)位置的相對(duì)值
   private float tranY;
 
   @Override
   public boolean onTouch(View v, MotionEvent event) {
    boolean ret = false;
    switch (event.getAction()) {
     case MotionEvent.ACTION_DOWN:
 
      // 獲取按下時(shí)的X，Y坐標(biāo)
      lastX = event.getRawX();
      lastY = event.getRawY();
      ret = true;
 
      break;
     case MotionEvent.ACTION_MOVE:
      // 獲取移動(dòng)時(shí)的X，Y坐標(biāo)
      nowX = event.getRawX();
      nowY = event.getRawY();
      // 計(jì)算XY坐標(biāo)偏移量
      tranX = nowX - lastX;
      tranY = nowY - lastY;
      params.x += tranX;
      params.y += tranY;
 
      //更新懸浮窗位置
      mWindowManager.updateViewLayout(mView, params);
      //記錄當(dāng)前坐標(biāo)作為下一次計(jì)算的上一次移動(dòng)的位置坐標(biāo)
      lastX = nowX;
      lastY = nowY;
 
      break;
     case MotionEvent.ACTION_UP:
      break;
    }
    return ret;
   }
  });
 
  return view;
 }
}

看完上述內(nèi)容，你們對(duì)怎么在Android中實(shí)現(xiàn)一個(gè)自由拖動(dòng)并顯示文字的懸浮框有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。