Android自定義覆蓋層控件懸浮窗控件

2019-12-12 03:24:21

字體：大中小

來源：轉載

供稿：網友

在我們移動應用開發過程中，偶爾有可能會接到這種需求：

1、在手機桌面創建一個窗口，類似于360的懸浮窗口，點擊這個窗口可以響應（至于窗口拖動我們可以后面再擴展）。

2、自己開發的應用去啟動一個非本應用B，在B應用的某個界面增加一個引導窗口。

3、在應用的頁面上觸發啟動這個窗口，該窗口懸浮在這個頁面上，但又不會影響界面的其他操作。即不像PopupWindow那樣要么窗口消失要么頁面不可響應

以上需求都有幾個共同特點，1、窗口的承載頁面不一定不是本應用頁面（Activity），即不是類似dialog, PopupWindow之類的頁面。2、窗口的顯示不會影響用戶對其他界面的操作。

根據以上特點，我們發現這類的窗口其不影響其他界面操作特點有點像Toast，但又不完全是，因為Toast是自己消失的。其界面可以恒顯示又有點像popupwindow，只當調用了消失方法才會消失。所以我們在做這樣的控件的時候可以去參考一下Toast和PopupWIndow如何實現。最主要的時候Toast。好了說了這么多大概的思路我們已經明白了。

透過Toast，PopupWindow源碼我們發現，Toast，Popup的實現都是通過windowManager的addview和removeView以及通過設置LayoutParams實現的。因此后面設計就該從這里入手，廢話不說了----去實現。

第一步設計類似Toast的類FloatWindow

package com.floatwindowtest.john.floatwindowtest.wiget;  import android.app.Activity; import android.content.Context; import android.graphics.PixelFormat; import android.view.Gravity; import android.view.KeyEvent; import android.view.MotionEvent; import android.view.View; import android.view.ViewGroup; import android.view.WindowManager; import android.widget.FrameLayout; import android.widget.LinearLayout;  import static android.view.ViewGroup.LayoutParams.MATCH_PARENT; import static android.view.ViewGroup.LayoutParams.WRAP_CONTENT; import static android.view.WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE; import static android.view.WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;  /**  * Created by john on 2017/3/10.  */ class FloatWindow {  private final Context mContext;  private WindowManager windowManager;  private View floatView;  private WindowManager.LayoutParams params;   public FloatWindow(Context mContext) {   this.mContext = mContext;   this.params = new WindowManager.LayoutParams();  }    /**   * 顯示浮動窗口   * @param view   * @param x view距離左上角的x距離   * @param y view距離左上角的y距離   */  void show(View view, int x, int y) {   this.windowManager = (WindowManager) this.mContext.getSystemService(Context.WINDOW_SERVICE);   params.height = WindowManager.LayoutParams.WRAP_CONTENT;   params.width = WindowManager.LayoutParams.WRAP_CONTENT;   params.gravity = Gravity.TOP | Gravity.LEFT;   params.format = PixelFormat.TRANSLUCENT;   params.x = x;   params.y = y;   params.type = WindowManager.LayoutParams.TYPE_TOAST;   params.flags = WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON | FLAG_NOT_FOCUSABLE | FLAG_WATCH_OUTSIDE_TOUCH     | WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM;   floatView = view;   windowManager.addView(floatView, params);  }   /**   * 顯示浮動窗口   * @param view   * @param x   * @param y   * @param listener 窗體之外的監聽   * @param backListener 返回鍵盤監聽   */   void show(View view, int x, int y, OutsideTouchListener listener, KeyBackListener backListener) {   this.windowManager = (WindowManager) this.mContext.getSystemService(Context.WINDOW_SERVICE);   final FloatWindowContainerView containerView = new FloatWindowContainerView(this.mContext, listener, backListener);   containerView.addView(view, WRAP_CONTENT, WRAP_CONTENT);   params.height = WindowManager.LayoutParams.WRAP_CONTENT;   params.width = WindowManager.LayoutParams.WRAP_CONTENT;   params.gravity = Gravity.TOP | Gravity.LEFT;   params.format = PixelFormat.TRANSLUCENT;   params.x = x;   params.y = y;   params.type = WindowManager.LayoutParams.TYPE_TOAST; // //  params.flags = WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON //    | WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM | WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH //    | WindowManager.LayoutParams. FLAG_NOT_FOCUSABLE ;    params.flags = WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON     | WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM | WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH     | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;    floatView = containerView;   windowManager.addView(floatView, params);  }   /**   * 更新view對象文職   *   * @param offset_X x偏移量   * @param offset_Y Y偏移量   */  public void updateWindowLayout(float offset_X, float offset_Y) {   params.x += offset_X;   params.y += offset_Y;   windowManager.updateViewLayout(floatView, params);  }   /**   * 關閉界面   */  void dismiss() {   if (this.windowManager == null) {    this.windowManager = (WindowManager) this.mContext.getSystemService(Context.WINDOW_SERVICE);   }   if (floatView != null) {    windowManager.removeView(floatView);   }   floatView = null;  }   public void justHideWindow() {   this.floatView.setVisibility(View.GONE);  }    private class FloatWindowContainerView extends FrameLayout {    private OutsideTouchListener listener;   private KeyBackListener backListener;    public FloatWindowContainerView(Context context, OutsideTouchListener listener, KeyBackListener backListener) {    super(context);    this.listener = listener;    this.backListener = backListener;   }     @Override   public boolean dispatchKeyEvent(KeyEvent event) {    if (event.getKeyCode() == KeyEvent.KEYCODE_BACK) {     if (getKeyDispatcherState() == null) {      if (backListener != null) {       backListener.onKeyBackPressed();      }      return super.dispatchKeyEvent(event);     }      if (event.getAction() == KeyEvent.ACTION_DOWN && event.getRepeatCount() == 0) {      KeyEvent.DispatcherState state = getKeyDispatcherState();      if (state != null) {       state.startTracking(event, this);      }      return true;     } else if (event.getAction() == KeyEvent.ACTION_UP) {      KeyEvent.DispatcherState state = getKeyDispatcherState();      if (state != null && state.isTracking(event) && !event.isCanceled()) {       System.out.println("dsfdfdsfds");       if (backListener != null) {        backListener.onKeyBackPressed();       }       return super.dispatchKeyEvent(event);      }     }     return super.dispatchKeyEvent(event);    } else {     return super.dispatchKeyEvent(event);    }   }    @Override   public boolean onTouchEvent(MotionEvent event) {    final int x = (int) event.getX();    final int y = (int) event.getY();     if ((event.getAction() == MotionEvent.ACTION_DOWN)      && ((x < 0) || (x >= getWidth()) || (y < 0) || (y >= getHeight()))) {     return true;    } else if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {     if (listener != null) {      listener.onOutsideTouch();     }     System.out.println("dfdf");     return true;    } else {     return super.onTouchEvent(event);    }   }  } }

大家可能會注意到

//  params.flags = WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON //    | WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM | WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH //    | WindowManager.LayoutParams. FLAG_NOT_FOCUSABLE ;    params.flags = WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON     | WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM | WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH     | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;

這些設置有所不同，這就是我們要實現既能夠監聽窗口之外的觸目事件，又不會影響他們自己的操作的關鍵地方，同時| WindowManager.LayoutParams. FLAG_NOT_FOCUSABLE ;和| WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL; 窗體是否監聽到返回鍵的關鍵設置需要指出的是一旦窗體監聽到返回鍵事件，則當前Activity不會再監聽到返回按鈕事件了，所以大家可根據自己的實際情況出發做出選擇。

為了方便管理這些浮動窗口的顯示和消失，還寫了一個管理窗口顯示的類FloatWindowManager。這是一個單例模式對應的顯示窗口也是只顯示一個。大家可以根據自己的需求是改變這里不再明細。

package com.floatwindowtest.john.floatwindowtest.wiget;  import android.content.Context; import android.view.View;  /**  *  * Created by john on 2017/3/10.  */  public class FloatWindowManager {  private static FloatWindowManager manager;  private FloatWindow floatWindow;   private FloatWindowManager(){   }  public static synchronized FloatWindowManager getInstance(){   if(manager==null){    manager=new FloatWindowManager();   }   return manager;  }   public void showFloatWindow(Context context, View view,int x,int y){   if(floatWindow!=null){    floatWindow.dismiss();   }   floatWindow=new FloatWindow(context);   floatWindow.show(view,x,y);  }     public void showFloatWindow(Context context, View view, int x, int y, OutsideTouchListener listener,KeyBackListener backListener){   if(floatWindow!=null){    floatWindow.dismiss();   }   floatWindow=new FloatWindow(context);   floatWindow.show(view,0,0,listener,backListener);  }   public void dismissFloatWindow(){   if(floatWindow!=null){    floatWindow.dismiss();   }  }   public void justHideWindow(){   floatWindow.justHideWindow();  }  /**   * 更新位置   * @param offsetX   * @param offsetY   */  public void updateWindowLayout(float offsetX, float offsetY){   floatWindow.updateWindowLayout(offsetX,offsetY);  }; }

還有設計類似懸浮球的窗口等大家可以自己運行一遍比這里看千遍更有用。

附件：Android浮動窗口

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。

上一篇：Android九宮格手勢密碼代碼設計

下一篇：Android使用ViewPager加載圖片和輪播視頻