代码驿站移动版

当前位置：主页 > 移动开发 > Android代码 >

Android自定义覆盖层控件 悬浮窗控件

时间：2023-02-10 10:12:53 | 栏目：Android代码 | 点击：次

在我们移动应用开发过程中，偶尔有可能会接到这种需求：

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浮动窗口

您可能感兴趣的文章:

相关文章