最近做音视频聊天需求 有一个功能是收到呼叫的推送 弹出一个自定义卡片布局悬浮在状态栏下面居中显示,而且不能遮挡其他可见布局的操作,本来这种弹框类的卡片一般都是用dialog或dialogActivity来实现,但是这里要求不遮挡其他布局的操作,所以最终采用windowManager来实现。
1.首先查了下资料 关于悬浮窗权限的资料 这里参考:android动态申请悬浮框权限,Android 悬浮窗权限校验_walkerliu2000的博客-CSDN博客
//检查是否已经授予权限,大于6.0的系统适用,小于6.0系统默认打开,无需理会
//我这里跟作者不同的是 判断如果没有权限 会弹出一个dialog提示需要权限
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M&&!Settings.canDrawOverlays(this)) {
//没有权限,须要申请权限,由于是打开一个受权页面,因此拿不到返回状态的,因此建议是在onResume方法中重新执行一次校验
Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION);
intent.setData(Uri.parse("package:" + getPackageName()));
startActivityForResult(intent, 100);
}else{
//已经有权限,能够直接显示悬浮窗
}
其余注意问题:this
//由于部分type在部分系统中已经废弃,懒得看文档,下面是我亲测是兼容7.0和8.0系统的方法
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
wmParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
} else {
wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
}
效果如图
在onresume里面多加一次检测。判断是否有授权,如果没有,继续弹框。
然后 下面是添加悬浮框的代码
WindowManager mWindowManager;
WindowManager.LayoutParams wmParams;
View mFloatingLayout;
TextView tv_desc;
private void initWindow(VoiceCallEntity entity, int type) {
mWindowManager = (WindowManager)getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
//设置好悬浮窗的参数
wmParams = getParams();
// 悬浮窗默认显示以左上角为起始坐标
wmParams.gravity = Gravity.TOP |Gravity.CENTER_HORIZONTAL;
//悬浮窗的开始位置,因为设置的是从左上角开始,所以屏幕左上角是x=0;y=0
wmParams.x = 0;
wmParams.y = 50;
//这里 如果不设置透明 会导致添加的悬浮框带有黑边 布局文件方面 我将自定义布局没有放在最顶层 而是在外面又套了一层 达到我需要的效果 避免类似自定义dialog宽高显示不正常的情况
wmParams.format= PixelFormat.RGBA_8888;
wmParams.horizontalMargin=ScreenUtils.dip2px(8);
//得到容器,通过这个inflater来获得悬浮窗控件
LayoutInflater inflater = LayoutInflater.from(getApplicationContext());
// 获取浮动窗口视图所在布局
mFloatingLayout = inflater.inflate(R.layout.card_dialog, null);
mFloatingLayout.setBackground(null);
//寻找控件
TextView tv_name = mFloatingLayout.findViewById(R.id.tv_name);
tv_desc = mFloatingLayout.findViewById(R.id.tv_desc);
iv_refuse.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//移除悬浮窗
mWindowManager.removeView(mFloatingLayout);
}
});
// 添加悬浮窗的视图
mWindowManager.addView(mFloatingLayout, wmParams);
//悬浮框触摸事件,设置悬浮框可拖动
// mFloatingLayout.setOnTouchListener(new FloatingListener());
}
private WindowManager.LayoutParams getParams() {
wmParams = new WindowManager.LayoutParams();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
} else {
wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
}
//设置可以显示在状态栏上
wmParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL |
WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR |
WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;
int screenWidth = ScreenUtils.getScreenWidth();
//设置悬浮窗口长宽数据
wmParams.width =screenWidth;
wmParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
wmParams.horizontalMargin=ScreenUtils.dip2px(10);
return wmParams;
}
//开始触控的坐标,移动时的坐标(相对于屏幕左上角的坐标)
private int mTouchStartX, mTouchStartY, mTouchCurrentX, mTouchCurrentY;
//开始时的坐标和结束时的坐标(相对于自身控件的坐标)
private int mStartX, mStartY, mStopX, mStopY;
//判断悬浮窗口是否移动,这里做个标记,防止移动后松手触发了点击事件
private boolean isMove;
private class FloatingListener implements View.OnTouchListener {
@Override
public boolean onTouch(View v, MotionEvent event) {
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
isMove = false;
mTouchStartX = (int) event.getRawX();
mTouchStartY = (int) event.getRawY();
mStartX = (int) event.getX();
mStartY = (int) event.getY();
break;
case MotionEvent.ACTION_MOVE:
mTouchCurrentX = (int) event.getRawX();
mTouchCurrentY = (int) event.getRawY();
wmParams.x += mTouchCurrentX - mTouchStartX;
wmParams.y += mTouchCurrentY - mTouchStartY;
mWindowManager.updateViewLayout(mFloatingLayout, wmParams);
mTouchStartX = mTouchCurrentX;
mTouchStartY = mTouchCurrentY;
break;
case MotionEvent.ACTION_UP:
mStopX = (int) event.getX();
mStopY = (int) event.getY();
if (Math.abs(mStartX - mStopX) == 1 || Math.abs(mStartY - mStopY) == 1) {
isMove = true;
}
break;
default:
break;
}
//如果是移动事件不触发OnClick事件,防止移动的时候一放手形成点击事件
return isMove;
}
}
当然 其中有自己的逻辑被删除了,毕竟有些东西不方便写,最后的效果图 我这里有不方便发,大家若是有兴趣或者需要可以自己写布局试试 。
这里需要注意的是:wmParams.format= PixelFormat.RGBA_8888;属性 如果不添加这行代码 ,你会发现自己自定义的布局外有一层黑边 你自定义布局的圆角什么的设置都没有效果,